.nordan-creator-showcase-section{width:100%;max-width:none;min-width:0}.ncs{--ncs-gap: var(--ncs-gap-mobile);--ncs-gutter: var(--ncs-gutter-mobile);--ncs-intro-gap: var(--ncs-intro-gap-mobile);--ncs-card-size: var(--ncs-mobile-size);display:block;width:100%;min-width:0;padding-block:var(--ncs-top-mobile) var(--ncs-bottom-mobile);background:var(--ncs-background);color:var(--nd-body-color);font-family:var(--nd-body-font);font-style:var(--nd-body-font-style);font-size:var(--nd-body-size);font-weight:var(--nd-body-weight);line-height:var(--nd-body-line-height)}.ncs [hidden]{display:none}.ncs *,.ncs *:before,.ncs *:after{box-sizing:border-box}.ncs__intro{display:grid;gap:var(--ncs-heading-gap);width:min(var(--ncs-heading-width),calc(100% - var(--ncs-gutter) * 2));margin-inline:auto;margin-block-end:var(--ncs-intro-gap);text-align:var(--ncs-align)}.ncs__intro>*{margin:0}.ncs .ncs__eyebrow{font-family:var(--nd-body-font);font-size:var(--nd-eyebrow-size);font-weight:var(--nd-eyebrow-weight);letter-spacing:var(--nd-eyebrow-tracking);text-transform:var(--nd-eyebrow-transform);color:var(--nd-muted)}.ncs .ncs__heading{font-family:var(--nd-heading-font);font-style:var(--nd-heading-font-style);font-size:var(--nd-h2-size);font-weight:var(--nd-h2-weight);line-height:var(--nd-h2-line-height);letter-spacing:var(--nd-h2-tracking);color:var(--nd-heading-color)}.ncs__subtitle,.ncs__supplement{font:inherit;color:var(--nd-body-color)}.ncs__supplement strong{font-weight:var(--nd-h3-weight);color:var(--nd-heading-color)}.ncs__stage{position:relative;width:100%;margin-inline:auto;container-type:inline-size;overflow-x:hidden;overflow-y:hidden;overflow-anchor:none;touch-action:pan-y pinch-zoom}.ncs__rail{--ncs-frame-height: calc(var(--ncs-card-size) * var(--ncs-side-inverse) * var(--ncs-height-factor));--ncs-side-cut: calc((var(--ncs-frame-height) - var(--ncs-frame-height) / var(--ncs-height-factor)) / 2);position:relative;width:100%;height:var(--ncs-frame-height);padding:0;column-gap:var(--ncs-gap);overflow:visible;will-change:transform}.ncs__card{position:absolute;top:0;left:calc(50% - var(--ncs-card-size) / 2);width:var(--ncs-card-size);height:100%;min-width:0;margin:0;transform:translate3d(calc((var(--ncs-index, 0) - var(--ncs-initial-index)) * (var(--ncs-card-size) + var(--ncs-gap))),0,0)}.ncs__card.is-current{z-index:1}.ncs__media{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--nd-media-radius);clip-path:inset(var(--ncs-side-cut) 0 round var(--nd-media-radius));background:var(--nd-surface)}.ncs__card.is-current .ncs__media{clip-path:inset(0 0 round var(--nd-media-radius))}.ncs.is-draggable .ncs__stage{cursor:grab}.ncs.is-dragging .ncs__stage,.ncs.is-dragging button,.ncs.is-dragging a{cursor:grabbing}.ncs__stage,.ncs__stage img{user-select:none;-webkit-user-select:none}.ncs__stage img{-webkit-user-drag:none}.ncs.is-moving .ncs__mute,.ncs.is-moving .ncs__play-symbol{visibility:hidden}.ncs__cover,.ncs__placeholder,.ncs__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ncs__cover,.ncs__placeholder{z-index:1;pointer-events:none}.ncs__video{visibility:hidden}.ncs:not(.is-moving) .ncs__card.is-current.is-playing .ncs__video{visibility:visible}.ncs__cover,.ncs__placeholder{visibility:visible}.ncs:not(.is-moving) .ncs__card.is-current.is-playing.has-frame .ncs__cover,.ncs:not(.is-moving) .ncs__card.is-current.is-playing.has-frame .ncs__placeholder{visibility:hidden}.ncs button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ncs button:disabled{cursor:default}.ncs .ncs__media-button{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:var(--nd-button-text)}.ncs__play-symbol{display:grid;place-items:center;opacity:0;color:#fff;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .5))}.ncs:not(.is-moving) .ncs__card.is-current.is-paused .ncs__play-symbol{opacity:1}.ncs .ncs__mute{position:absolute;inset-inline-end:12px;inset-block-end:12px;z-index:3;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff}.ncs__mute:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.ncs__mute{visibility:hidden}.ncs:not(.is-moving) .ncs__card.is-current .ncs__mute{visibility:visible}.ncs.is-moving .ncs__card{z-index:auto}.ncs__sound-on,.ncs__mute[aria-pressed=true] .ncs__sound-off{display:none}.ncs__mute[aria-pressed=true] .ncs__sound-on{display:initial}.ncs .ncs__identity{position:absolute;inset-inline-start:12px;inset-block-start:12px;z-index:3;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:6px 10px;border-radius:999px;background:var(--nd-surface);color:var(--nd-heading-color);font-family:var(--nd-body-font);font-size:var(--nd-small-size);font-weight:var(--nd-link-weight);line-height:var(--nd-control-line-height);text-decoration:none;overflow-wrap:anywhere}.ncs__avatar{flex:0 0 32px;width:32px;height:32px;object-fit:cover;border-radius:50%}.ncs__navigation{display:flex;justify-content:center;gap:16px;padding-block-start:var(--ncs-intro-gap)}.ncs .ncs__arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--nd-heading-color)}.ncs__arrow:disabled{opacity:.4}.ncs__arrow:not(:disabled):hover{opacity:.65}.ncs__mute:not(:disabled):hover{background:#000000b3}.ncs :is(button,a,[tabindex]):focus-visible{outline:var(--nd-focus-width) solid var(--nd-focus-color);outline-offset:var(--nd-focus-offset)}.ncs__stage :is(button,a,[tabindex],[data-ncs-panel]):focus-visible{outline:none}.ncs__stage:has(:focus-visible):after{content:"";position:absolute;inset:var(--nd-focus-width);z-index:5;border:var(--nd-focus-width) solid var(--nd-focus-color);border-radius:var(--nd-media-radius);pointer-events:none}.ncs__rail:empty{display:none}.ncs:has(.ncs__rail:empty) .ncs__navigation{display:none}@media(min-width:750px){.ncs{--ncs-gap: var(--ncs-gap-pc);--ncs-gutter: var(--ncs-gutter-pc);--ncs-intro-gap: var(--ncs-intro-gap-pc);--ncs-card-size: calc((100cqw - var(--ncs-gap) * (var(--ncs-visible) - 1)) / var(--ncs-visible));padding-block:var(--ncs-top-pc) var(--ncs-bottom-pc)}.ncs__stage{width:min(var(--ncs-content-width),calc(100% - var(--ncs-gutter-pc) * 2))}}@media(prefers-reduced-motion:reduce){.ncs__rail,.ncs__card,.ncs__media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/nordan-creator-showcase.css.map */
