.sa-templates{--sa-templates-header-max-m: 100%;--sa-templates-header-max-pc: 920px;--sa-templates-header-max: var(--sa-templates-header-max-m);--sa-templates-copy-gap-m: var(--space-4);--sa-templates-copy-gap-pc: var(--space-4);--sa-templates-copy-gap: var(--sa-templates-copy-gap-m);--sa-templates-content-gap-m: var(--space-8);--sa-templates-content-gap-pc: var(--space-8);--sa-templates-content-gap: var(--sa-templates-content-gap-m);--sa-templates-media-max-m: 100%;--sa-templates-media-max-pc: 100%;--sa-templates-media-max: var(--sa-templates-media-max-m);--sa-templates-stage-aspect-m: 366 / 240;--sa-templates-stage-aspect-pc: 1120 / 311;--sa-templates-stage-aspect: var(--sa-templates-stage-aspect-m);--sa-templates-stage-max-pc: 311px;--sa-templates-panel-width-m: calc(100% - 48px) ;--sa-templates-panel-width-pc: 49.821429%;--sa-templates-panel-width: var(--sa-templates-panel-width-m);--sa-templates-panel-max-m: 318px;--sa-templates-panel-max-pc: 558px;--sa-templates-panel-max: var(--sa-templates-panel-max-m);--sa-templates-panel-height-m: 100%;--sa-templates-panel-height-pc: 101%;--sa-templates-panel-height: var(--sa-templates-panel-height-m);--sa-templates-panel-gap-m: var(--space-6);--sa-templates-panel-gap-pc: 25px;--sa-templates-panel-gap: var(--sa-templates-panel-gap-m);--sa-templates-side-opacity: .2;--sa-templates-side-fade-width: 46.057348%;--sa-templates-slide-duration: .48s;display:block;color:var(--color-label-primary)}.sa-templates__container{min-width:0}.sa-templates .sa-templates__header.cs-section-header{display:flex;flex-direction:column;gap:var(--sa-templates-copy-gap);width:100%;max-width:var(--sa-templates-header-max);margin:0 auto var(--sa-templates-content-gap)}.sa-templates .sa-templates__heading,.sa-templates .sa-templates__sub-heading,.sa-templates .sa-templates__heading :where(h1,h2,h3,h4,h5,h6),.sa-templates .sa-templates__sub-heading :where(p){margin:0;font-weight:400;overflow-wrap:break-word}.sa-templates .sa-templates__heading,.sa-templates .sa-templates__heading :where(h1,h2,h3,h4,h5,h6){color:var(--color-label-primary);font-size:var(--text-large-title-2);line-height:var(--head-line-height)}.sa-templates .cs-section-header.sa-templates__header .section-sub-heading.sa-templates__sub-heading,.sa-templates .cs-section-header.sa-templates__header .section-sub-heading.sa-templates__sub-heading>p{color:var(--color-label-secondary);font-size:var(--text-headline);line-height:var(--head-line-height)}.sa-templates__tabs-shell{position:relative;display:flex;align-items:stretch;width:100%;margin:0 auto var(--sa-templates-content-gap);overflow:hidden;background:var(--color-bg-tertiary);border-radius:var(--radius-base)}.sa-templates__tabs-viewport{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sa-templates__tabs-viewport::-webkit-scrollbar{display:none}.sa-templates__tabs{display:flex;align-items:stretch;width:max-content;min-width:100%;margin-inline:0;background:var(--color-bg-tertiary);border-radius:var(--radius-base)}.sa-templates__tab{flex:0 0 auto;min-height:33px;padding:var(--space-2) var(--space-4);color:var(--color-label-primary);font:inherit;font-size:var(--text-body-md);font-weight:400;line-height:var(--head-line-height);text-align:center;white-space:nowrap;cursor:pointer;background:transparent;border:0;border-radius:var(--radius-base);-webkit-appearance:none;appearance:none}.sa-templates__tab.is-active{color:var(--color-label-inverse-primary);background:var(--color-brand-dark)}.sa-templates__tab:focus-visible{outline:2px solid var(--color-label-primary);outline-offset:-3px}.sa-templates__tabs-next{display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:42px;min-height:33px;padding:0 9px;color:var(--color-label-primary);cursor:pointer;background:transparent;border:0;-webkit-appearance:none;appearance:none}.sa-templates__tabs-next:focus-visible{outline:2px solid var(--color-label-primary);outline-offset:-3px}.sa-templates__panels{--sa-templates-drag-offset: 0px;position:relative;width:calc(100% + var(--space-6));aspect-ratio:var(--sa-templates-stage-aspect);margin-right:calc(var(--space-6) * -1);margin-left:0;overflow:hidden;cursor:grab;background:var(--color-bg-white);touch-action:pan-y;-webkit-user-select:none;user-select:none}.sa-templates__panel{--sa-templates-slide-x: 400%;position:absolute;top:50%;left:0;display:block;width:var(--sa-templates-panel-width);max-width:var(--sa-templates-panel-max);height:var(--sa-templates-panel-height);visibility:hidden;transform:translate(calc(var(--sa-templates-slide-x) + var(--sa-templates-drag-offset)),-50%);transition:transform var(--sa-templates-slide-duration) cubic-bezier(.22,1,.36,1);will-change:transform}.sa-templates__panel[data-slide-position="-4"]{--sa-templates-slide-x: calc( -400% - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) )}.sa-templates__panel[data-slide-position="-3"]{--sa-templates-slide-x: calc( -300% - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) )}.sa-templates__panel[data-slide-position="-2"]{--sa-templates-slide-x: calc(-200% - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap))}.sa-templates__panel[data-slide-position="-1"]{--sa-templates-slide-x: calc(-100% - var(--sa-templates-panel-gap))}.sa-templates__panel[data-slide-position="0"]{--sa-templates-slide-x: 0%}.sa-templates__panel[data-slide-position="1"]{--sa-templates-slide-x: calc(100% + var(--sa-templates-panel-gap))}.sa-templates__panel[data-slide-position="2"]{--sa-templates-slide-x: calc(200% + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap))}.sa-templates__panel[data-slide-position="3"]{--sa-templates-slide-x: calc( 300% + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) )}.sa-templates__panel[data-slide-position="4"]{--sa-templates-slide-x: calc( 400% + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) )}.sa-templates__panel.is-active,.sa-templates__panel.is-previous,.sa-templates__panel.is-next,.sa-templates__panel.is-moving{visibility:visible}.sa-templates__panel.is-jumping,.sa-templates__panels.is-dragging .sa-templates__panel{transition:none}.sa-templates__panels.is-dragging{cursor:grabbing}.sa-templates__picture,.sa-templates__image{display:block;width:100%}.sa-templates__picture{position:relative;height:100%;overflow:hidden;background:var(--color-bg-tertiary);border-radius:var(--radius-base)}.sa-templates__image{height:100%;object-fit:cover;object-position:center;pointer-events:none;transition:opacity var(--sa-templates-slide-duration) cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none}@media screen and (min-width:576px)and (max-width:767.98px){.sa-templates__panels{width:100%;margin-inline:0}}@media screen and (min-width:768px){.sa-templates{--sa-templates-header-max: var(--sa-templates-header-max-pc);--sa-templates-copy-gap: var(--sa-templates-copy-gap-pc);--sa-templates-content-gap: var(--sa-templates-content-gap-pc);--sa-templates-media-max: var(--sa-templates-media-max-pc);--sa-templates-stage-aspect: var(--sa-templates-stage-aspect-pc);--sa-templates-panel-width: var(--sa-templates-panel-width-pc);--sa-templates-panel-max: var(--sa-templates-panel-max-pc);--sa-templates-panel-height: var(--sa-templates-panel-height-pc);--sa-templates-panel-gap: var(--sa-templates-panel-gap-pc)}.sa-templates__tabs{min-width:0;margin-inline:auto}.sa-templates__tabs-shell{display:block;overflow:visible;background:transparent;border-radius:0}.sa-templates__tabs-viewport{width:100%}.sa-templates__tab{padding-inline:var(--space-6)}.sa-templates__tabs-next{display:none}.sa-templates__panels{width:min(100%,var(--sa-templates-media-max));height:auto;max-block-size:var(--sa-templates-stage-max-pc);margin-inline:auto;container-type:inline-size}.sa-templates__panel{left:50%}.sa-templates__panel[data-slide-position="-4"]{--sa-templates-slide-x: calc( -450% - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) )}.sa-templates__panel[data-slide-position="-3"]{--sa-templates-slide-x: calc( -350% - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap) )}.sa-templates__panel[data-slide-position="-2"]{--sa-templates-slide-x: calc(-250% - var(--sa-templates-panel-gap) - var(--sa-templates-panel-gap))}.sa-templates__panel[data-slide-position="-1"]{--sa-templates-slide-x: calc(-150% - var(--sa-templates-panel-gap))}.sa-templates__panel[data-slide-position="0"]{--sa-templates-slide-x: -50%}.sa-templates__panel[data-slide-position="1"]{--sa-templates-slide-x: calc(50% + var(--sa-templates-panel-gap))}.sa-templates__panel[data-slide-position="2"]{--sa-templates-slide-x: calc(150% + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap))}.sa-templates__panel[data-slide-position="3"]{--sa-templates-slide-x: calc( 250% + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) )}.sa-templates__panel[data-slide-position="4"]{--sa-templates-slide-x: calc( 350% + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) + var(--sa-templates-panel-gap) )}.sa-templates__panel.is-previous:not(.is-moving) .sa-templates__picture,.sa-templates__panel.is-next:not(.is-moving) .sa-templates__picture{width:max(0px,calc(50cqi - min(24.910715cqi,calc(var(--sa-templates-panel-max-pc) / 2)) - var(--sa-templates-panel-gap)))}.sa-templates__panel.is-previous:not(.is-moving) .sa-templates__picture{margin-left:auto}.sa-templates__panel.is-next:not(.is-moving) .sa-templates__picture{margin-right:auto}.sa-templates__panels.is-dragging .sa-templates__panel.is-previous .sa-templates__picture,.sa-templates__panels.is-dragging .sa-templates__panel.is-next .sa-templates__picture{width:100%;margin-inline:0}.sa-templates__panel.is-previous .sa-templates__picture,.sa-templates__panel.is-next .sa-templates__picture{background:var(--color-separator-default);border-radius:var(--radius-base)}.sa-templates__panel.is-previous .sa-templates__image,.sa-templates__panel.is-next .sa-templates__image,.sa-templates__panel.is-moving:not(.is-active) .sa-templates__image{opacity:var(--sa-templates-side-opacity)}.sa-templates__panel.is-previous .sa-templates__picture:after,.sa-templates__panel.is-next .sa-templates__picture:after{position:absolute;top:-13%;bottom:-13%;width:var(--sa-templates-side-fade-width);pointer-events:none;content:""}.sa-templates__panel.is-previous:not(.is-moving) .sa-templates__picture:after,.sa-templates__panel.is-next:not(.is-moving) .sa-templates__picture:after{width:100%}.sa-templates__panels.is-dragging .sa-templates__panel.is-previous .sa-templates__picture:after,.sa-templates__panels.is-dragging .sa-templates__panel.is-next .sa-templates__picture:after{width:var(--sa-templates-side-fade-width)}.sa-templates__panel.is-previous .sa-templates__picture:after{right:0;background:linear-gradient(90deg,var(--color-bg-white) 0%,transparent 100%)}.sa-templates__panel.is-next .sa-templates__picture:after{left:0;background:linear-gradient(90deg,transparent 0%,var(--color-bg-white) 100%)}}@media(prefers-reduced-motion:no-preference){.sa-templates__tabs-viewport{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){.sa-templates__panel,.sa-templates__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sa-templates.css.map */