.suti-sticky-atc{position:fixed;inset-inline:0;bottom:var(--suti-vv-bottom, 0px);z-index:40;background:#fff;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -6px 24px #0000000f;transform:translateY(105%);transition:transform .28s cubic-bezier(.4,0,.2,1);padding-bottom:env(safe-area-inset-bottom,0px);pointer-events:none}.suti-sticky-atc.is-visible{transform:translateY(0);pointer-events:auto}.suti-sticky-atc__inner{display:flex;align-items:center;gap:14px;max-width:1180px;margin-inline:auto;padding:10px 16px}.suti-sticky-atc__img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#0000000a;flex:none;transition:opacity .16s ease}.suti-sticky-atc__img.is-swapping{opacity:.25}.suti-sticky-atc__text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.suti-sticky-atc__title{font-size:15px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suti-sticky-atc__sub{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:#0009}.suti-sticky-atc__rating{display:inline-flex;align-items:center;flex:none}.suti-sticky-atc__rating:empty{display:none}.suti-sticky-atc__rating .rating-wrapper,.suti-sticky-atc__rating .rating{margin:0!important;padding:0!important}.suti-sticky-atc__rating .rating-wrapper{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;line-height:1;white-space:nowrap}.suti-sticky-atc__rating svg{height:13px;width:auto}.suti-sticky-atc__meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.suti-sticky-atc__meta:empty{display:none}.suti-sticky-atc__pickers{display:flex;align-items:center;gap:8px;flex:none}.suti-sticky-atc__pickers:empty{display:none}.suti-sticky-atc__picker{position:relative;flex:none}.suti-sticky-atc__picker-button{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid rgba(0,0,0,.16);border-radius:999px;background:#fff;font-size:14px;color:#1a1a1a;cursor:pointer;transition:border-color .16s ease;max-width:230px}.suti-sticky-atc__picker-button:hover{border-color:#00000073}.suti-sticky-atc__picker-swatch{width:20px;height:20px;border-radius:50%;flex:none;background-size:cover;background-position:center;background-color:#0000000f;box-shadow:inset 0 0 0 1px #0000001f}.suti-sticky-atc__picker-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suti-sticky-atc__chevron{width:10px;height:6px;flex:none;color:#00000080;transition:transform .16s ease}.suti-sticky-atc__picker.is-open .suti-sticky-atc__chevron{transform:rotate(180deg)}.suti-sticky-atc__menu{position:absolute;bottom:calc(100% + 10px);right:0;min-width:250px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 12px 32px #00000024;padding:6px;z-index:2}.suti-sticky-atc__menu[hidden]{display:none}.suti-sticky-atc__option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:none;font-size:14px;color:#1a1a1a;text-align:left;cursor:pointer}.suti-sticky-atc__option:hover{background:#0000000d}.suti-sticky-atc__option[aria-selected=true]{font-weight:600}.suti-sticky-atc__option-swatch{width:22px;height:22px;border-radius:50%;flex:none;background-size:cover;background-position:center;background-color:#0000000f;box-shadow:inset 0 0 0 1px #0000001f}.suti-sticky-atc__button{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;height:46px;padding-inline:26px;border:0;border-radius:999px;background:#0076df;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .18s ease,transform .12s ease}.suti-sticky-atc__button:hover{background:#0156b3}.suti-sticky-atc__button:active{transform:scale(.98)}.suti-sticky-atc__button-divider{width:1px;height:18px;background:#ffffff73}@media(prefers-reduced-motion:reduce){.suti-sticky-atc{transition:none}}@media screen and (max-width:989px){.suti-sticky-atc__picker-button{max-width:170px}}@media screen and (max-width:749px){.suti-sticky-atc__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"pickers button";align-items:center;gap:8px;padding:8px 12px 10px}.suti-sticky-atc__img,.suti-sticky-atc__text{display:none}.suti-sticky-atc__pickers{grid-area:pickers;gap:6px;min-width:0}.suti-sticky-atc__picker{flex:1;min-width:0}.suti-sticky-atc__picker-button{width:100%;max-width:none;height:54px;padding:0 12px 0 7px;gap:9px;justify-content:flex-start}.suti-sticky-atc__picker-swatch{width:40px;height:40px;box-shadow:inset 0 0 0 1px #0000001a}.suti-sticky-atc__picker-label{display:block;font-size:13.5px;line-height:1.2}.suti-sticky-atc__chevron{display:block;margin-left:auto}.suti-sticky-atc__button{grid-area:button;width:100%;height:54px;padding-inline:14px;gap:10px;font-size:15px}.suti-sticky-atc__menu{position:fixed;left:12px;right:12px;bottom:calc(84px + var(--suti-vv-bottom, 0px) + env(safe-area-inset-bottom,0px));min-width:0;max-height:46vh}.suti-sticky-atc__option{padding:10px;font-size:14.5px}.suti-sticky-atc__option-swatch{width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/suti-sticky-atc.css.map */