.twok-sticky-nav{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 10px);display:none;justify-content:space-between;align-items:center;gap:6px;background:#ffffffeb;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 28px #00000024,0 1px #0000000f inset;border-radius:16px;padding:8px 12px 6px;transform:translateY(140%);opacity:.98;transition:transform .35s ease,opacity .25s ease;z-index:1000}.twok-sticky-nav.is-visible{transform:translateY(0)}.twok-sticky-nav .nav-icon{text-decoration:none;color:#555;display:flex;flex-direction:column;align-items:center;min-width:64px;line-height:1;font-size:24px;transition:color .18s ease,transform .12s ease;position:relative}.twok-sticky-nav .nav-icon span{margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.2px}.twok-sticky-nav .nav-icon.active{color:#111}.twok-sticky-nav .nav-icon:after{content:"";position:absolute;left:50%;bottom:-8px;width:42px;height:3px;background:#111;border-radius:2px;transform:translate(-50%) scaleX(0);transition:transform .22s ease}.twok-sticky-nav .nav-icon.active:after{transform:translate(-50%) scaleX(1)}.twok-sticky-nav .nav-icon:hover{opacity:.85}.twok-sticky-nav .nav-icon:active{transform:translateY(1px) scale(.98)}.twok-sticky-nav .nav-cart{position:relative}.twok-sticky-nav .nav-cart .count{position:absolute;top:-4px;right:10px;padding:2px 6px;font-size:11px;line-height:1;color:#fff;background:#e11d48;border-radius:999px}@media (max-width: 749px){.twok-sticky-nav{display:flex}}@media (min-width: 750px){.twok-sticky-nav{display:none!important}}@media (min-width: 990px){.tkc-announcement{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%)}.tkc-announce-list{display:inline-flex;align-items:center;gap:28px;padding:8px 12px;white-space:nowrap;flex-wrap:nowrap;will-change:transform}.tkc-announcement.is-marquee .tkc-announce-list{animation:tkc-marquee-one var(--tkc-marquee-duration, 22s) linear infinite}.tkc-announcement:hover .tkc-announce-list{animation-play-state:paused}}@keyframes tkc-marquee-one{0%{transform:translate(0)}to{transform:translate(var(--tkc-marquee-distance, -50%))}}@media (prefers-reduced-motion: reduce){.tkc-announce-list{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/twok-sticky-nav.css.map */