sentio-tool-bar,.sentio-tool-bar{--stb-espresso: var(--sentio-espresso, #2a1a14);--stb-cream: var(--sentio-cream, #f5ede0);--stb-petal: var(--sentio-petal, #ede5de);--stb-taupe: var(--sentio-taupe, #b8a99a);--stb-taupe-dark: var(--sentio-taupe-dark, #a6957f);--stb-blue: #4a9ee8;--stb-gold: #e7c87a;--stb-coral: #e85a5a;--stb-top: 84px;--stb-ease: cubic-bezier(.22, 1, .36, 1);--stb-chip: clamp(48px, 5.4vw, 62px);--stb-glass: linear-gradient(180deg, rgba(52, 35, 28, .78), rgba(26, 17, 13, .82));--stb-hairline: rgba(245, 237, 224, .14);--stb-shadow: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 22px 60px rgba(0, 0, 0, .5), 0 2px 10px rgba(0, 0, 0, .35);position:fixed;top:var(--stb-top);left:0;right:0;z-index:1000;display:block;height:0;pointer-events:none;font-family:Nunito,Nunito Sans,-apple-system,BlinkMacSystemFont,sans-serif}.sentio-tool-bar__pill,.sentio-tool-bar__bar{position:absolute;top:0;left:50%;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-10px) scale(.97);transition:opacity .5s var(--stb-ease),transform .5s var(--stb-ease);will-change:opacity,transform}.sentio-tool-bar[data-state=collapsed] .sentio-tool-bar__pill,.sentio-tool-bar[data-state=expanded] .sentio-tool-bar__bar{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1)}.sentio-tool-bar__pill{display:inline-flex;align-items:center;gap:11px;padding:11px 22px 11px 18px;background:var(--stb-glass);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);color:var(--stb-cream);border:1px solid var(--stb-hairline);border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:var(--stb-shadow)}.sentio-tool-bar__pill:hover{transform:translate(-50%) translateY(-2px) scale(1)}.sentio-tool-bar__pill-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:999px;pointer-events:none;animation:stb-breathe 3.4s ease-in-out infinite}@keyframes stb-breathe{0%,to{box-shadow:0 0 16px #e7c87a24}50%{box-shadow:0 0 28px 3px #e7c87a57}}.sentio-tool-bar__pill-dots{display:inline-flex;align-items:center;gap:5px}.sentio-tool-bar__pill-dots i{width:5px;height:5px;border-radius:50%;background:var(--stb-blue);animation:stb-wavelength 6s ease-in-out infinite;animation-delay:calc(var(--i) * .4s)}@keyframes stb-wavelength{0%,to{background:var(--stb-blue)}33%{background:var(--stb-gold)}66%{background:var(--stb-coral)}}.sentio-tool-bar__pill-label{white-space:nowrap}.sentio-tool-bar__bar{max-width:96vw;padding:9px 16px;background:var(--stb-glass);-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35);border:1px solid var(--stb-hairline);border-radius:24px;box-shadow:var(--stb-shadow)}.sentio-tool-bar__track{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.6vw,16px);margin:0;padding:0;list-style:none}.sentio-tool-bar__item{flex:0 0 auto}.sentio-tool-bar__chip{position:relative;width:var(--stb-chip);height:var(--stb-chip);padding:3px;border:none;border-radius:50%;background:linear-gradient(180deg,#fff,#f1e9dd);cursor:pointer;transition:transform .4s var(--stb-ease),box-shadow .4s var(--stb-ease);box-shadow:0 2px 7px #00000052,0 0 0 1px #ffffff24}.sentio-tool-bar__chip:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid transparent;pointer-events:none;transition:border-color .4s ease,box-shadow .4s ease}.sentio-tool-bar__chip:hover,.sentio-tool-bar__chip:focus-visible{transform:translateY(-3px) scale(1.08);box-shadow:0 10px 24px #0000006b,0 0 0 1px #ffffff38;outline:none}.sentio-tool-bar__chip:hover:after,.sentio-tool-bar__chip:focus-visible:after{border-color:var(--stb-gold);box-shadow:0 0 16px 1px #e7c87a80}.sentio-tool-bar__chip:active{transform:translateY(-1px) scale(1.02)}.sentio-tool-bar[data-state=expanded] .sentio-tool-bar__chip{animation:stb-chip-pop .62s var(--stb-ease) backwards;animation-delay:calc(.12s + var(--i) * .1s)}@keyframes stb-chip-pop{0%{opacity:0;transform:scale(.2) rotate(-12deg)}55%{opacity:1;transform:scale(1.14) rotate(8deg)}72%{transform:scale(.94) rotate(-5deg)}86%{transform:scale(1.03) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.sentio-tool-bar__chip-img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;background:#fff;mix-blend-mode:multiply;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.sentio-tool-bar__chip-img--placeholder{background:var(--stb-petal);mix-blend-mode:normal}.sentio-tool-bar__chip-name{position:absolute;bottom:calc(100% + 11px);left:50%;max-width:180px;padding:5px 11px;transform:translate(-50%) translateY(5px);background:#140d0af0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--stb-hairline);border-radius:9px;color:var(--stb-cream);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s var(--stb-ease)}.sentio-tool-bar__chip:hover .sentio-tool-bar__chip-name,.sentio-tool-bar__chip:focus-visible .sentio-tool-bar__chip-name{opacity:1;transform:translate(-50%) translateY(0)}@media(hover:none){.sentio-tool-bar__chip-name{display:none}}.sentio-tool-popup{width:min(92vw,366px);padding:0;border:none;border-radius:22px;background:var(--stb-cream);color:var(--stb-espresso);box-shadow:0 30px 80px #0006;overflow:visible;pointer-events:auto;font-family:var(--sentio-font, "Nunito", "Nunito Sans", sans-serif)}.sentio-tool-popup::backdrop{background:#1a110d80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sentio-tool-popup[open]{animation:stb-pop .32s var(--stb-ease)}@keyframes stb-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sentio-tool-popup__close{position:absolute;top:-13px;right:-13px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--stb-hairline);border-radius:50%;background:var(--stb-espresso);color:var(--stb-cream);cursor:pointer;box-shadow:0 6px 16px #0000004d;transition:transform .2s var(--stb-ease)}.sentio-tool-popup__close:hover{transform:scale(1.08)}.sentio-tool-popup__body{padding:26px 24px}.sentio-qv{display:flex;flex-direction:column;align-items:center;text-align:center}.sentio-qv__media{width:156px;height:156px;margin-bottom:16px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #0000001f}.sentio-qv__media img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.sentio-qv__type{margin:0 0 5px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--stb-taupe-dark)}.sentio-qv__title{margin:0 0 7px;font-family:var(--sentio-font, "Nunito", sans-serif);font-size:1.3rem;font-weight:800;letter-spacing:-.01em;line-height:1.18}.sentio-qv__price{margin-bottom:16px;font-size:1.05rem;font-weight:700}.sentio-qv__price-compare{margin-left:8px;color:var(--stb-taupe-dark);font-weight:500}.sentio-qv__price-sale{color:var(--stb-coral)}.sentio-qv__variants{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}.sentio-qv__variant{padding:7px 15px;border:1.5px solid var(--sentio-taupe-light, #c9bdb0);border-radius:999px;background:transparent;color:var(--stb-espresso);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.sentio-qv__variant.is-selected{border-color:var(--stb-espresso);background:var(--stb-espresso);color:var(--stb-cream)}.sentio-qv__variant.is-unavailable{opacity:.4;text-decoration:line-through;cursor:not-allowed}.sentio-qv__add{position:relative;width:100%;padding:14px 18px;border:none;border-radius:999px;background:linear-gradient(180deg,#3a261d,var(--stb-espresso));color:var(--stb-cream);font-size:.92rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;overflow:hidden;box-shadow:0 6px 18px #2a1a144d;transition:transform .2s var(--stb-ease),box-shadow .2s ease,opacity .2s ease}.sentio-qv__add:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(231,200,122,.35) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s var(--stb-ease)}.sentio-qv__add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #2a1a1461}.sentio-qv__add:hover:not(:disabled):before{transform:translate(120%)}.sentio-qv__add:disabled{opacity:.5;cursor:not-allowed}.sentio-qv__add.is-loading{opacity:.75;cursor:progress}.sentio-qv__details{display:inline-block;margin-top:13px;color:var(--stb-taupe-dark);font-size:.82rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){sentio-tool-bar,.sentio-tool-bar{--stb-top: 66px}.sentio-tool-bar__bar{padding:8px 12px}.sentio-tool-bar__pill{padding:10px 18px 10px 15px;font-size:11px}}@media(prefers-reduced-motion:reduce){.sentio-tool-bar__pill,.sentio-tool-bar__bar{transition:opacity .2s ease;transform:translate(-50%)}.sentio-tool-bar[data-state=collapsed] .sentio-tool-bar__pill,.sentio-tool-bar[data-state=expanded] .sentio-tool-bar__bar,.sentio-tool-bar__pill:hover{transform:translate(-50%)}.sentio-tool-bar__pill-glow,.sentio-tool-bar__pill-dots i,.sentio-tool-popup[open]{animation:none}.sentio-tool-bar__chip,.sentio-qv__add:before{transition:none}.sentio-tool-bar[data-state=expanded] .sentio-tool-bar__chip{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sentio-tool-bar.css.map */