.qt-hl{background:linear-gradient(var(--m,var(--svc-accent)),var(--m,var(--svc-accent))) 0 90% / 100% .3em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}.qt-sign{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;line-height:1.2}.qt-sign i{width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:grid;place-items:center;background:var(--svc-accent);color:#111;font-style:normal;font-size:10px;font-weight:700;letter-spacing:-.06em}.qt .qt-ic{width:40px;height:40px;flex:0 0 40px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;transition:background .3s,color .3s,transform .4s var(--svc-ease)}.qt-ic svg{width:16px;height:16px}.qt .qt-ic:hover,.qt .qt-ic.is-done{background:var(--svc-accent);color:#111}.qt .qt-ic:active{transform:scale(.92)}.qt-toast{position:fixed;left:50%;bottom:28px;z-index:2147483000;translate:-50% 20px;opacity:0;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:100px;background:#0e0f11;color:#fff;font-size:13px;font-weight:600;line-height:1.3;text-align:center;pointer-events:none;transition:opacity .3s,translate .45s cubic-bezier(.2,.75,.2,1)}.qt-toast.is-on{opacity:1;translate:-50% 0}.qt-toast:before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#d9fe85;vertical-align:middle}@keyframes qt-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes qt-deal{0%{transform:none;opacity:1}40%{transform:translate3d(64%,-10%,0) rotate(13deg);opacity:0}41%{transform:translate3d(0,46px,0) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes qt-bump{0%,to{translate:0 0}45%{translate:0 -14px}}@keyframes qt-word{to{opacity:1;filter:none;transform:none}}@keyframes qt-spin{to{rotate:360deg}}.qt-hero__copy{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1040px;margin:0 auto}.qt-hero .h2-pill{margin-top:18px}.qt .qt-h1{font-size:clamp(42px,6vw,var(--svc-h1,84px));line-height:.97;letter-spacing:-.062em;font-weight:500;margin-top:20px;text-wrap:balance;overflow-wrap:anywhere}.qt-hero .h2-lead{margin:18px auto 0;max-width:60ch}.qt .qt-count{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:26px;font-size:13px;color:var(--svc-muted)}.qt-count b{font-size:34px;font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--svc-ink)}.qt-stage{position:relative;width:min(100%,880px);margin:clamp(44px,5.5vw,76px) auto 0;padding-bottom:58px;perspective:1600px}.qt-stage__tilt{position:relative;transform-style:preserve-3d;transform:rotateX(calc(var(--ty,0) * -6deg)) rotateY(calc(var(--tx,0) * 8deg));transition:transform .9s cubic-bezier(.22,1,.36,1)}.qt-t-dark{--qc-bg:#0e0f11;--qc-ink:#fff;--qc-mark:var(--svc-accent);--qc-hlc:var(--svc-accent);--qc-hlb:transparent;--qc-btn:var(--svc-accent);--qc-btnc:#111;--qc-ic:rgb(255 255 255 / .1);--qc-sb:var(--svc-accent);--qc-sc:#111;--qc-glow:var(--svc-accent);--qc-go:.16}.qt-t-lime,.qt-t-lilac,.qt-t-peach,.qt-t-mint,.qt-t-sand,.qt-t-white{--qc-ink:#171917;--qc-mark:rgb(23 25 23 / .85);--qc-hlc:#171917;--qc-hlb:var(--svc-accent);--qc-btn:#111;--qc-btnc:#fff;--qc-ic:rgb(23 25 23 / .08);--qc-sb:var(--svc-accent);--qc-sc:#111;--qc-glow:#fff;--qc-go:.55}.qt-t-lime{--qc-bg:var(--svc-accent);--qc-hlb:#fff;--qc-btnc:var(--svc-accent);--qc-sb:#111;--qc-sc:var(--svc-accent)}.qt-t-lilac{--qc-bg:#e4dffb}.qt-t-peach{--qc-bg:#f6ddd2}.qt-t-mint{--qc-bg:#d9efe3}.qt-t-sand{--qc-bg:#ebe8dd}.qt-t-white{--qc-bg:#fff}.qt-stage__bk{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:36px;background:var(--qc-bg);transform-origin:50% 100%;transition:transform .9s cubic-bezier(.22,1,.36,1),background-color .6s ease}.qt-stage__bk--1{transform:translateY(20px) scale(.95) rotate(-1.6deg)}.qt-stage__bk--2{transform:translateY(40px) scale(.9) rotate(1.8deg)}.qt-stage__bk--3{transform:translateY(58px) scale(.85) rotate(-1deg)}.qt-stage:hover .qt-stage__bk--1{transform:translateY(24px) scale(.95) rotate(-3.5deg)}.qt-stage:hover .qt-stage__bk--2{transform:translateY(46px) scale(.9) rotate(4deg)}.qt-stage:hover .qt-stage__bk--3{transform:translateY(66px) scale(.85) rotate(-2.5deg)}.qt-stage.is-deal .qt-stage__bk--1{animation:qt-bump .9s cubic-bezier(.22,1,.36,1)}.qt-stage.is-deal .qt-stage__bk--2{animation:qt-bump .9s cubic-bezier(.22,1,.36,1) .06s}.qt-stage.is-deal .qt-stage__bk--3{animation:qt-bump .9s cubic-bezier(.22,1,.36,1) .12s}.qt-stage__card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;min-height:clamp(330px,30vw,400px);padding:clamp(28px,3.4vw,52px) clamp(22px,4vw,64px) clamp(22px,2.6vw,34px);border-radius:36px;background:var(--qc-bg);color:var(--qc-ink);text-align:center;overflow:hidden;isolation:isolate;animation:qt-float 7s ease-in-out infinite}.qt-stage.is-deal .qt-stage__card{animation:qt-deal .9s cubic-bezier(.65,0,.35,1),qt-float 7s ease-in-out infinite}.qt-stage__card:before{content:"";position:absolute;z-index:-1;width:420px;aspect-ratio:1;left:calc(50% + var(--tx,0) * 30% - 210px);top:-240px;border-radius:50%;background:var(--qc-glow);opacity:var(--qc-go);filter:blur(80px);transition:left .9s cubic-bezier(.22,1,.36,1)}.qt-stage__mark{display:block;height:.42em;font-size:clamp(90px,9vw,140px);line-height:.62;font-weight:600;color:var(--qc-mark)}.qt .qt-stage__text{margin:24px 0 0;max-width:22ch;font-size:clamp(30px,3.6vw,54px);line-height:1.04;letter-spacing:-.055em;font-weight:500;text-wrap:balance}.qt-stage .qt-hl{background:linear-gradient(var(--qc-hlb),var(--qc-hlb)) 0 88% / 100% .32em no-repeat;color:var(--qc-hlc)}.qt .qt-stage .qt-next{background:var(--qc-btn);color:var(--qc-btnc)!important;-webkit-text-fill-color:var(--qc-btnc)!important}.qt-stage .qt-sign i{background:var(--qc-sb);color:var(--qc-sc)}.qt-w{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(.45em) rotate(3deg);animation:qt-word .75s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * 45ms + 80ms)}.qt-stage__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:auto;padding-top:34px}.qt-stage__btns{display:flex;align-items:center;gap:8px}.qt .qt-next{min-height:42px}.qt .qt-next i{display:inline-block;transition:transform .6s cubic-bezier(.22,1,.36,1)}.qt .qt-next:hover i{transform:rotate(180deg)}.qt-stage.is-deal .qt-next i{animation:qt-spin .9s cubic-bezier(.65,0,.35,1)}.qt .qt-stage .qt-ic{background:var(--qc-ic)}.qt .qt-stage .qt-ic:hover,.qt .qt-stage .qt-ic.is-done{background:var(--qc-btn);color:var(--qc-btnc)}@media(prefers-reduced-motion:reduce){.qt-w{opacity:1;filter:none;transform:none;animation:none}}@media(max-width:749px){.qt .qt-h1{font-size:clamp(38px,10.8vw,54px)}.qt-stage{padding-bottom:40px}.qt-stage__bk,.qt-stage__card{border-radius:26px}.qt-stage__bk--1{transform:translateY(14px) scale(.95) rotate(-1.6deg)}.qt-stage__bk--2{transform:translateY(28px) scale(.9) rotate(1.8deg)}.qt-stage__bk--3{transform:translateY(40px) scale(.85) rotate(-1deg)}.qt-stage__card{min-height:320px}.qt .qt-stage__text{font-size:clamp(26px,7.6vw,34px)}.qt-stage__foot{flex-direction:column;gap:12px}.qt-stage__btns{width:100%}.qt .qt-next{flex:1}}.qt-wall{columns:var(--qt-cols,3) 280px;column-gap:14px}.qt-card{--t:#fff;--c:#171917;--m:var(--svc-accent);--e:cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;break-inside:avoid;width:100%;margin:0 0 14px;padding:clamp(22px,2.2vw,30px);border-radius:28px;background:var(--t);color:var(--c);will-change:translate,rotate}.qt .qt-wall .qt-card,.qt.svc-ready[data-anim=true] .qt-wall .qt-card[data-r]{transition-property:opacity,transform,translate,rotate,border-radius;transition-duration:.9s,.9s,.7s,.7s,.7s;transition-timing-function:var(--svc-ease),var(--svc-ease),var(--e),var(--e),var(--e);transition-delay:calc(var(--d,0) * 90ms),calc(var(--d,0) * 90ms),0s,0s,0s}.qt .qt-card:hover{translate:0 -8px;rotate:-1deg;border-radius:34px}.qt .qt-card:nth-child(2n):hover{rotate:1deg}.qt .qt-card--sand{--t:#ebe8dd}.qt .qt-card--lilac{--t:#e4dffb}.qt .qt-card--peach{--t:#f6ddd2}.qt .qt-card--mint{--t:#d9efe3}.qt .qt-card--lime{--t:var(--svc-accent);--m:#fff}.qt .qt-card--dark{--t:#0e0f11;--c:#fff;--m:rgb(217 254 133 / .4)}.qt-card .qt-hl{transition:background-size .7s cubic-bezier(.22,1,.36,1)}.qt .qt-card:hover .qt-hl{background-size:100% .95em}.qt-card__mark{display:block;height:.42em;font-size:56px;line-height:.62;font-weight:600;color:color-mix(in srgb,var(--c) 20%,transparent);transform-origin:0 50%;transition:transform .7s cubic-bezier(.22,1,.36,1),color .5s}.qt .qt-card:hover .qt-card__mark{transform:translate(4px) scale(1.12) rotate(-6deg);color:color-mix(in srgb,var(--c) 45%,transparent)}.qt-card--dark .qt-card__mark,.qt .qt-card--dark:hover .qt-card__mark{color:var(--svc-accent)}.qt .qt-card__text{margin:16px 0 0;padding:0;border:0;font-size:clamp(20px,1.7vw,25px);line-height:1.16;letter-spacing:-.042em;font-weight:500;text-wrap:balance;quotes:none}.qt .qt-card--l .qt-card__text{font-size:clamp(28px,2.6vw,40px);line-height:1.04;letter-spacing:-.052em}.qt .qt-card--s .qt-card__text{font-size:clamp(18px,1.4vw,21px);line-height:1.22}.qt-card--l .qt-card__mark{font-size:76px}.qt-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}.qt-card .qt-sign{font-weight:500;color:color-mix(in srgb,var(--c) 62%,transparent)}.qt-card--lime .qt-sign i{background:#111;color:var(--svc-accent)}.qt-card__btns{display:flex;gap:6px}.qt-card__btns .qt-ic{opacity:.55;transform:translateY(4px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),background .3s,color .3s}.qt-card__btns .qt-ic+.qt-ic{transition-delay:.05s}.qt .qt-card:hover .qt-card__btns .qt-ic,.qt .qt-card__btns .qt-ic:focus-visible{opacity:1;transform:none}.qt .qt-card .qt-ic{width:34px;height:34px;flex-basis:34px;background:color-mix(in srgb,var(--c) 8%,transparent)}.qt .qt-card .qt-ic:hover,.qt .qt-card .qt-ic.is-done{background:var(--svc-accent);color:#111}.qt .qt-card--lime .qt-ic:hover,.qt .qt-card--lime .qt-ic.is-done{background:#111;color:var(--svc-accent)}.qt-card .qt-ic svg{width:14px;height:14px}@media(hover:none){.qt-card__btns .qt-ic{opacity:1;transform:none}}@media(max-width:749px){.qt-wall{columns:auto;display:grid;gap:10px}.qt .qt-card{margin:0;border-radius:24px;padding:22px}.qt .qt-card:hover{translate:none;rotate:none;border-radius:24px}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/bf-qt.css.map */