.zfss{--zfss-vh: min(1vh, 14px);--zfss-gutter: 20px;display:block;position:relative;z-index:0;background-color:var(--zfss-bg-live, var(--zfss-bg, #eef6f8));color:var(--zfss-ink, #2a2f33);transition:background-color .4s linear}@supports (height: 1svh){.zfss{--zfss-vh: min(1svh, 14px)}}.zfss__intro{display:flex;flex-direction:column;align-items:center;gap:2px;padding:40px var(--zfss-gutter) 4px;text-align:center}.zfss__title{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:32px;font-weight:500;line-height:1.2;letter-spacing:normal;text-transform:none}.zfss__skip,.zfss__stage,.zfss__rail{display:none}.zfss__pin{display:grid;grid-template-columns:minmax(0,1fr);row-gap:12px;max-width:1040px;margin:0 auto;padding:20px var(--zfss-gutter) 12px}.zfss__layer{display:flex;align-items:center;justify-content:center;margin:0}.zfss__frame{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:300px}.zfss__poster,.zfss__img{display:block;width:100%;max-width:300px;height:auto}.zfss__img{border-radius:14px}.zfss__frame--duo .zfss__img{flex:1 1 0;width:50%;min-width:0}.zfss__img--placeholder{background:#2a2f3314}.zfss__poster,.zfss__canvas{-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}.zfss__step{padding:0 0 28px}.zfss__card{max-width:520px;margin:0 auto;text-align:center}.zfss__tag{display:inline-block;margin:0 0 8px;padding:3px 10px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.zfss__heading,.zfss__cta-heading{margin:0 0 8px;color:inherit;font-family:var(--font-heading-family);font-size:22px;font-weight:600;line-height:1.25;letter-spacing:normal;text-transform:none}.zfss__body{margin:0;font-size:16px;line-height:1.5}.zfss__labels{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0;padding:0;list-style:none}.zfss__labels li{margin:0;padding:5px 12px;border:1px solid rgba(42,47,51,.28);border-radius:999px;font-size:13px;font-weight:600;line-height:1.3}.zfss__link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.zfss__card .zfss__link{margin-top:4px}.zfss__outro{display:grid;justify-items:center;gap:10px;padding:16px var(--zfss-gutter) 48px;text-align:center}.zfss__outro:focus,.zfss__outro:focus-visible{outline:none;box-shadow:none}.zfss__cta-heading{margin:0;font-size:24px;font-weight:500}.zfss__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px}.zfss__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:6px;background:var(--zfss-btn-bg, #2a2f33);color:var(--zfss-btn-ink, #ffffff);font-size:15px;font-weight:600;line-height:1.2;letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}.zfss__btn:hover{color:var(--zfss-btn-ink, #ffffff);box-shadow:0 6px 18px #2a2f3347;transform:translateY(-1px)}.zfss a:focus-visible,.zfss summary:focus-visible{outline:3px solid var(--zfss-ink, #2a2f33);outline-offset:3px;border-radius:4px;box-shadow:none}.zfss__btn:focus-visible{border-radius:6px}.zfss__rating{display:flex;justify-content:center}.zfss__rating .fc-rating-stars{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin:0}.zfss__rating .fc-rating-stars__container{position:relative;display:inline-flex;line-height:1}.zfss__rating .fc-rating-stars__container--underlay,.zfss__rating .fc-rating-stars__container--overlay{display:flex;flex-direction:row;gap:2px}.zfss__rating .fc-rating-stars__container--overlay{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap}.zfss__rating .fc-rating-stars svg{display:block;flex-shrink:0;width:20px;height:20px}.zfss__rating .rating-stars__text{margin:0!important;color:inherit!important;font-size:14px!important;line-height:1.4}.zfss__more{width:100%;max-width:640px;margin-top:14px;border-top:1px solid rgba(42,47,51,.2);text-align:left}.zfss__detail{border-bottom:1px solid rgba(42,47,51,.2)}.zfss__detail>summary,.zfss__detail-body{box-sizing:border-box}.zfss__detail>summary{position:relative;display:block;min-height:48px;padding:13px 40px 13px 2px;cursor:pointer;font-size:16px;font-weight:600;line-height:1.4;list-style:none}.zfss__detail>summary::-webkit-details-marker{display:none}.zfss__detail>summary:after{content:"";position:absolute;top:18px;right:10px;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.zfss__detail[open]>summary:after{top:22px;transform:rotate(-135deg)}.zfss__detail-body{padding:0 2px 16px;font-size:15px;line-height:1.55}.zfss__detail-body p{margin:0 0 10px}.zfss__detail-body p:last-child{margin-bottom:0}@media(min-width:750px){.zfss{--zfss-gutter: 40px}.zfss__intro{padding-top:56px}.zfss__title{font-size:44px}.zfss__frame,.zfss__poster,.zfss__img{max-width:360px}.zfss__pin{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;column-gap:56px;row-gap:44px;padding-top:32px;padding-bottom:32px}.zfss__step{padding-bottom:0}.zfss__card{margin:0;text-align:left}.zfss__labels{justify-content:flex-start}.zfss__heading{font-size:28px}.zfss__body{font-size:17px}.zfss__cta-heading{font-size:30px}.zfss__outro{padding-bottom:64px}}@media(prefers-reduced-motion:no-preference)and (min-height:480px){.js .zfss--pin{--zfss-stage-w: 100%;--zfss-box: min(100vw, calc(53 * var(--zfss-vh)));--zfss-box-top: calc(4 * var(--zfss-vh));--zfss-card-top: calc(58 * var(--zfss-vh))}.js .zfss--pin .zfss__skip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;color:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px}.js .zfss--pin .zfss__pin{display:block;position:relative;max-width:none;margin:0 auto;padding:0}.js .zfss--pin .zfss__stage,.js .zfss--pin .zfss__layer{position:-webkit-sticky;position:sticky;top:0;width:var(--zfss-stage-w);height:calc(100 * var(--zfss-vh));overflow:hidden;pointer-events:none}.js .zfss--pin .zfss__stage{display:block;z-index:1;margin:0}.js .zfss--pin .zfss__layer{display:none;z-index:0;margin:calc(-100 * var(--zfss-vh)) 0 0;opacity:0;transition:opacity .3s linear}.js .zfss--pin .zfss__layer--first,.js .zfss--pin .zfss__layer.is-near{display:block}.js .zfss--pin .zfss__layer.is-active{opacity:1}.js .zfss--pin .zfss__canvas,.js .zfss--pin .zfss__poster,.js .zfss--pin .zfss__frame{position:absolute;top:var(--zfss-box-top);left:50%;width:var(--zfss-box);max-width:none;height:var(--zfss-box);margin:0 0 0 calc(var(--zfss-box) / -2)}.js .zfss--pin .zfss__canvas{display:block;opacity:0;transition:opacity .25s linear}.js .zfss--pin.zfss--canvas .zfss__canvas{opacity:1}.js .zfss--pin .zfss__frame{padding:6%}.js .zfss--pin .zfss__img{width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 12px 32px #2a2f332e}.js .zfss--pin .zfss__frame--duo .zfss__img{flex:0 1 auto;max-width:calc(50% - 6px)}.js .zfss--pin .zfss__layer--zoom .zfss__img{transform:scale(calc(1 + var(--zfss-p, 0) * .1))}.js .zfss--pin .zfss__layer--drift .zfss__img{transform:translate3d(0,calc((.5 - var(--zfss-p, .5)) * 36px),0)}.js .zfss--pin .zfss__rail{display:block;position:absolute;top:20%;right:8px;width:3px;height:24%;overflow:hidden;border-radius:3px;background:#2a2f3324}.js .zfss--pin .zfss__rail-fill{display:block;width:100%;height:100%;background:var(--zfss-accent, #12798f);transform:scaleY(0);transform-origin:50% 0}.js .zfss--pin .zfss__step{position:relative;z-index:2;min-height:calc(var(--zfss-len-m, 80) * var(--zfss-vh));padding:0 var(--zfss-gutter) 28px;pointer-events:none}.js .zfss--pin .zfss__step--first{min-height:calc(var(--zfss-len-m, 80) * var(--zfss-vh) + var(--zfss-card-top));margin-top:calc(-100 * var(--zfss-vh));padding-top:var(--zfss-card-top)}.js .zfss--pin .zfss__card{position:-webkit-sticky;position:sticky;top:var(--zfss-card-top);max-width:460px;margin:0 auto;padding:18px 20px 20px;border-radius:16px;background:var(--zfss-card, #ffffff);box-shadow:0 10px 34px #2a2f3324;text-align:center;pointer-events:auto}.js .zfss--live .zfss__step.is-past .zfss__card{opacity:0}@media(max-width:359.98px),(max-width:749.98px)and (max-height:639.98px){.js .zfss--pin .zfss__card{padding:14px 16px 16px}.js .zfss--pin .zfss__heading{margin-bottom:6px;font-size:20px}.js .zfss--pin .zfss__body{font-size:15px;line-height:1.45}.js .zfss--pin .zfss__tag{margin-bottom:6px}.js .zfss--pin .zfss__labels{gap:6px;margin-top:10px}}.js .zfss--live .zfss__labels li{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.js .zfss--live .zfss__labels li:nth-child(2){transition-delay:.08s}.js .zfss--live .zfss__labels li:nth-child(n+3){transition-delay:.16s}.js .zfss--live .zfss__step.is-mid .zfss__labels li{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference)and (min-height:480px)and (min-width:750px){.js .zfss--pin{--zfss-stage-w: 50%;--zfss-box: min( calc(50vw - 72px) , calc(100 * var(--zfss-vh) - 150px), 600px);--zfss-box-top: calc((100 * var(--zfss-vh) - var(--zfss-box)) / 2);--zfss-card-top: calc(50 * var(--zfss-vh) - 110px)}.js .zfss--pin .zfss__pin{max-width:1240px}.js .zfss--pin .zfss__rail{top:30%;right:0;height:40%}.js .zfss--pin .zfss__step{min-height:calc(var(--zfss-len-d, 100) * var(--zfss-vh));margin-left:50%;padding-right:40px;padding-bottom:40px;padding-left:32px}.js .zfss--pin .zfss__step--first{min-height:calc(var(--zfss-len-d, 100) * var(--zfss-vh) + var(--zfss-card-top))}.js .zfss--pin .zfss__card{max-width:440px;margin:0;padding:28px 30px 30px;text-align:left}}@media(prefers-reduced-motion:reduce){.zfss,.zfss__btn,.zfss__detail>summary:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/zf-scroll-story.css.map */