.duration-slider[data-v-3e504923]{--thumb:1.3em;--track:0.5em;--tick:hsla(0,0%,100%,.55);--fill:calc(var(--progress)*(100% - var(--thumb)) + var(--thumb)/2);grid-column-gap:.9em;align-items:center;-moz-column-gap:.9em;column-gap:.9em;display:grid;font-size:.9rem;grid-template-columns:minmax(0,1fr) auto}.duration-slider--sm[data-v-3e504923]{font-size:.75rem}.duration-slider-input[data-v-3e504923]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;font-size:inherit;height:1.9em;margin:0;padding:0;width:100%}.duration-slider-input[data-v-3e504923]:focus{outline:none}.duration-slider-input[data-v-3e504923]::-webkit-slider-runnable-track{background:var(--ticks),linear-gradient(90deg,#8b5cf6,#ec4899) 0 0 /var(--fill) 100% no-repeat,hsla(0,0%,100%,.12);border-radius:9999px;height:var(--track)}.duration-slider-input[data-v-3e504923]::-moz-range-track{background:var(--ticks),linear-gradient(90deg,#8b5cf6,#ec4899) 0 0 /var(--fill) 100% no-repeat,hsla(0,0%,100%,.12);border-radius:9999px;height:var(--track)}.duration-slider-input[data-v-3e504923]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 0 .22em rgba(236,72,153,.3),0 .15em .6em rgba(192,38,211,.6);height:var(--thumb);margin-top:calc((var(--track) - var(--thumb))/2);-webkit-transition:box-shadow .2s;transition:box-shadow .2s;width:var(--thumb)}.duration-slider-input[data-v-3e504923]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 0 0 .22em rgba(236,72,153,.3),0 .15em .6em rgba(192,38,211,.6);height:var(--thumb);-moz-transition:box-shadow .2s;transition:box-shadow .2s;width:var(--thumb)}.duration-slider-input[data-v-3e504923]:active::-webkit-slider-thumb,.duration-slider-input[data-v-3e504923]:focus-visible::-webkit-slider-thumb,.duration-slider-input[data-v-3e504923]:hover::-webkit-slider-thumb{box-shadow:0 0 0 .38em rgba(236,72,153,.35),0 .15em .6em rgba(192,38,211,.6)}.duration-slider-input[data-v-3e504923]:active::-moz-range-thumb,.duration-slider-input[data-v-3e504923]:focus-visible::-moz-range-thumb,.duration-slider-input[data-v-3e504923]:hover::-moz-range-thumb{box-shadow:0 0 0 .38em rgba(236,72,153,.35),0 .15em .6em rgba(192,38,211,.6)}.duration-slider-value[data-v-3e504923]{align-items:baseline;background:rgba(13,12,40,.8);border:1px solid rgba(168,85,247,.5);border-radius:.8em;color:#9ca3af;cursor:text;display:flex;font-weight:700;gap:.5em;grid-column:2;grid-row:1/span 2;padding:.6em .85em;transition:border-color .2s,box-shadow .2s}.duration-slider-value[data-v-3e504923]:focus-within{border-color:#c084fc;box-shadow:0 0 0 .2em rgba(168,85,247,.25)}.duration-slider-number[data-v-3e504923]{font-feature-settings:"tnum";background:transparent;border:none;color:#fff;font:inherit;font-variant-numeric:tabular-nums;margin:0;padding:0;width:2.4em}.duration-slider-number[data-v-3e504923]:focus{outline:none}.duration-slider-scale[data-v-3e504923]{grid-column:1;height:1em;margin:0 calc(var(--thumb)/2);position:relative}.duration-slider-scale span[data-v-3e504923]{font-feature-settings:"tnum";color:#9ca3af;font-size:.8em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2;position:absolute;top:0;transform:translateX(-50%)}.template-example-block[data-v-21406b58]{margin-top:.5rem}.template-example-hint[data-v-21406b58]{color:#9ca3af;font-size:.6875rem;line-height:1.2;margin:0 0 .25rem}.template-example-strip[data-v-21406b58]{-ms-overflow-style:none;display:flex;gap:.375rem;overflow-x:auto;scrollbar-width:none}.template-example-strip[data-v-21406b58]::-webkit-scrollbar{display:none}.template-example-option[data-v-21406b58]{aspect-ratio:3/4;background:#111827;border:2px solid transparent;border-radius:.5rem;flex:0 0 auto;overflow:hidden;position:relative;transition:border-color .2s ease,transform .2s ease,opacity .2s ease;width:4.5rem}.template-example-option--selected[data-v-21406b58],.template-example-option[data-v-21406b58]:focus-visible,.template-example-option[data-v-21406b58]:hover{border-color:#a855f7;outline:none}.template-example-option[data-v-21406b58]:active{transform:scale(.97)}.template-example-option[data-v-21406b58]:disabled{opacity:.65}.template-example-option img[data-v-21406b58]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.template-example-selection-number[data-v-21406b58]{align-items:center;background:#a855f7;border-radius:9999px;box-shadow:0 2px 8px rgba(0,0,0,.45);color:#fff;display:flex;font-size:.6875rem;font-weight:700;height:1.25rem;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:1.25rem}.template-example-block--lg .template-example-hint[data-v-21406b58]{color:#9ca3af;font-size:.8rem;font-weight:600;letter-spacing:.3em;margin:.35rem 0 .8rem;text-transform:uppercase}.template-example-block--lg .template-example-strip[data-v-21406b58]{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-columns:repeat(var(--example-count,4),minmax(0,1fr));overflow:visible}.template-example-block--lg .template-example-option[data-v-21406b58]{aspect-ratio:8/7;border-radius:.6rem;width:auto}@media (min-width:768px){.template-example-block--lg .template-example-strip[data-v-21406b58]{gap:.9rem}}