.ts-dock{position:fixed;z-index:59;left:50%;bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));width:min(54rem,calc(100% - 2rem));transform:translate(-50%);display:flex;flex-direction:column;font-family:var(--ts-body,"Nunito",system-ui,sans-serif);color:#fff;transition:opacity .25s,transform .3s}@media(max-width:749px){body.ts-has-tabbar .ts-dock{bottom:calc(8.2rem + env(safe-area-inset-bottom,0px))}}body.overflow-hidden-tablet .ts-dock,body.overflow-hidden .ts-dock,body.overflow-hidden-mobile .ts-dock{opacity:0;pointer-events:none;transform:translate(-50%,2rem)}body.ts-has-dock{padding-bottom:9.6rem}@media(max-width:749px){body.ts-has-dock{padding-bottom:calc(16.4rem + env(safe-area-inset-bottom,0px))}}.ts-dock__bar{display:flex;align-items:center;gap:1rem;padding:.6rem;background:#17132b;border:2px solid #17132B;border-radius:999px;box-shadow:0 4px #037abe,0 16px 36px #17132b52;transition:box-shadow .3s}.ts-dock.is-done .ts-dock__bar{box-shadow:0 4px #19b66a,0 16px 36px #17132b52}.ts .ts-dock__cart{position:relative;flex:none;width:4.8rem;height:4.8rem;border-radius:50%;background:#ffc933;display:grid;place-items:center;color:#17132b;text-decoration:none;transition:transform .15s}.ts .ts-dock__cart:hover{transform:scale(1.06)}.ts-dock__cart svg{width:2.3rem;height:2.3rem;fill:none;stroke:#17132b;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.ts-dock__cnt{position:absolute;top:-.5rem;right:-.5rem;min-width:2.2rem;height:2.2rem;padding:0 .5rem;border-radius:999px;background:#d72828;color:#fff;border:2px solid #17132B;font-family:var(--ts-display,"Fredoka",sans-serif);font-size:1.2rem;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center}.ts-dock__cnt[hidden]{display:none}.ts-dock__cart.is-bump{animation:tsDockBump .55s cubic-bezier(.2,1.6,.4,1)}@keyframes tsDockBump{0%{transform:scale(1)}35%{transform:scale(1.22) rotate(-8deg)}70%{transform:scale(.94) rotate(4deg)}to{transform:none}}.ts .ts-dock__main{flex:1;min-width:0;display:flex;align-items:center;gap:1rem;height:4.8rem;padding:0 .2rem 0 0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer;border-radius:999px}.ts-dock__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.7rem}.ts-dock__t{display:block;font-family:var(--ts-display,"Fredoka",sans-serif);font-weight:500;font-size:1.45rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.ts-dock__t b{font-weight:600;color:#ffc933}.ts-dock.is-done .ts-dock__t b{color:#5be39b}.ts-dock__track{position:relative;display:block;height:.8rem;border-radius:999px;background:#ffffff29}.ts-dock__fill{display:block;height:100%;width:3%;border-radius:999px;background:linear-gradient(90deg,#ffc933,#ff8a1f);transition:width .6s cubic-bezier(.2,.9,.3,1.1)}.ts-dock.is-done .ts-dock__fill{background:#19b66a}.ts-dock__mark{position:absolute;top:-.3rem;bottom:-.3rem;width:2px;margin-left:-1px;border-radius:2px;background:#fff}.ts-dock__mark.is-past{background:#17132b}.ts-dock__mark[hidden]{display:none}.ts-dock__chev{flex:none;width:3.8rem;height:3.8rem;border-radius:50%;border:2px solid rgba(255,255,255,.45);display:grid;place-items:center;transition:background .15s,border-color .15s}.ts-dock__chev svg{width:1.8rem;height:1.8rem;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.ts .ts-dock__main:hover .ts-dock__chev{background:#ffc933;border-color:#ffc933}.ts .ts-dock__main:hover .ts-dock__chev svg{stroke:#17132b}.ts-dock.is-open .ts-dock__chev svg{transform:rotate(180deg)}.ts-dock__panel{margin-bottom:1rem;padding:1.4rem;background:#17132b;border-radius:2.4rem;box-shadow:0 16px 36px #17132b52;max-height:calc(100vh - 22rem);overflow:auto;transform-origin:bottom center;animation:tsDockIn .3s cubic-bezier(.2,1.2,.4,1)}.ts-dock__panel[hidden]{display:none}@keyframes tsDockIn{0%{opacity:0;transform:translateY(1rem) scale(.98)}to{opacity:1;transform:none}}.ts-dock__picks{container-type:inline-size;margin-bottom:1.2rem}.ts-dock__picks[hidden]{display:none}.ts-dock__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ts-dock__sub{margin:0;min-width:0;font-size:1.35rem;font-weight:800;color:#ffffffd1}.ts-dock__nav{flex:none;display:flex;gap:.6rem}.ts-dock__nav[hidden]{display:none}.ts .ts-dock__nav button{width:3.4rem;height:3.4rem;padding:0;border-radius:50%;border:2px solid #fff;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .15s,opacity .15s}.ts .ts-dock__nav button:hover:not(:disabled){background:#ffc933;border-color:#ffc933}.ts .ts-dock__nav button:hover:not(:disabled) svg{stroke:#17132b}.ts .ts-dock__nav button:disabled{opacity:.3;cursor:default}.ts-dock__nav svg{width:1.6rem;height:1.6rem;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.ts-dock__row{--n:2;display:flex;gap:1rem;margin-top:1rem;padding:.2rem 0 .3rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ts-dock__row::-webkit-scrollbar{display:none}@container (min-width:250px){.ts-dock__row{--n:3}}@container (min-width:470px){.ts-dock__row{--n:4}}.ts-dock__pick{position:relative;flex:0 0 calc((100% - (var(--n) - 1) * 1rem) / var(--n));min-width:0;display:flex;flex-direction:column;gap:.6rem;padding:.7rem;background:#fff;color:#17132b;border:2px solid #fff;border-radius:1.8rem;scroll-snap-align:start}.ts-dock__pick[hidden]{display:none}.ts-dock__pick.is-closer{border-color:#ffc933;box-shadow:0 0 0 2px #ffc933}.ts-dock__pick.is-closer:before{content:"Gets you there";position:absolute;z-index:1;top:.5rem;left:.5rem;padding:.25rem .7rem;border-radius:999px;background:#ffc933;color:#17132b;border:1.5px solid #17132B;font-size:1rem;font-weight:800;line-height:1.2}.ts .ts-dock__img{display:block;aspect-ratio:1;border-radius:1.2rem;overflow:hidden;background:#fff}.ts-dock__img img{width:100%;height:100%;object-fit:contain}.ts .ts-dock__pt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3rem;font-family:var(--ts-display,"Fredoka",sans-serif);font-weight:500;font-size:1.25rem;line-height:1.2;color:#17132b;text-decoration:none}.ts .ts-dock__pt:hover{text-decoration:underline;text-underline-offset:.2rem}.ts-dock__pr{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:auto}.ts-dock__pr b{font-family:var(--ts-display,"Fredoka",sans-serif);font-weight:600;font-size:1.4rem}.ts .ts-dock__add{flex:none;width:3.4rem;height:3.4rem;padding:0;border-radius:50%;border:2px solid #17132B;background:#037abe;box-shadow:0 2px #17132b;display:grid;place-items:center;cursor:pointer;transition:transform .12s,background .15s}.ts-dock__add svg{width:1.6rem;height:1.6rem;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round}.ts .ts-dock__add:hover{background:#d72828}.ts .ts-dock__add:active{transform:translateY(2px);box-shadow:none}.ts .ts-dock__add.is-busy{opacity:.5}.ts-dock__scale{position:relative;height:1.6rem;margin-bottom:1.2rem;font-size:1.15rem;font-weight:800;color:#ffffffa6}.ts-dock__scale span{position:absolute;top:0;white-space:nowrap}.ts-dock__scale span:first-child{left:0}.ts-dock__scale span:last-child{right:0}.ts-dock__scale span[style]{transform:translate(-50%)}.ts-dock__btns{display:flex;gap:.8rem}.ts .ts-dock__btn{flex:1;min-width:0;white-space:nowrap;padding:0 1rem;min-height:4.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid #FFC933;background:#ffc933;color:#17132b;font-family:var(--ts-display,"Fredoka",sans-serif);font-weight:600;font-size:1.5rem;text-decoration:none;transition:background .15s}.ts .ts-dock__btn:hover{background:#ffd65c;color:#17132b}.ts .ts-dock__btn--ghost{background:transparent;color:#fff;border-color:#ffffff8c}.ts .ts-dock__btn--ghost:hover{background:#ffffff1a;color:#fff}.ts .ts-dock__btn[aria-disabled=true]{background:#ffffff14;border-color:#ffffff2e;color:#fff9;pointer-events:none}@media(max-width:374px){.ts-dock__bar{gap:.7rem}.ts .ts-dock__cart{width:4.4rem;height:4.4rem}.ts .ts-dock__main{height:4.4rem}.ts-dock__t{font-size:1.3rem}.ts-dock__chev{width:3.4rem;height:3.4rem}.ts-dock__panel{padding:1.2rem}}@media(prefers-reduced-motion:reduce){.ts-dock,.ts-dock *{animation:none!important;transition:none!important}}@media(max-width:749px){.ts-dock__pick{padding:.5rem;gap:.4rem;border-radius:1.4rem}.ts .ts-dock__img{border-radius:1rem}.ts .ts-dock__pt{font-size:1.15rem;min-height:2.8rem}.ts-dock__pr b{font-size:1.25rem}.ts .ts-dock__add{width:3rem;height:3rem}.ts-dock__add svg{width:1.4rem;height:1.4rem}.ts-dock__pick.is-closer:before{content:"Gets you there";font-size:.9rem;padding:.2rem .5rem;top:.3rem;left:.3rem}.ts .ts-dock__btn{min-height:4.4rem;font-size:1.4rem}}@media(max-width:989px){body.ts-has-dock shopify-chat{transform:translateY(-7.4rem);transition:transform .3s,opacity .2s}}body.ts-dock-open shopify-chat{opacity:0!important;pointer-events:none!important}@media(max-width:374px){.ts .ts-dock__btn{font-size:1.3rem}}.ts-dock__scale[hidden],.ts-dock__track[hidden]{display:none}@media(max-width:749px){body.ts-has-tabbar .ts-dock{bottom:calc(7.4rem + env(safe-area-inset-bottom,0px) - 2px);width:calc(100% - 2rem);z-index:61}body.ts-has-tabbar .ts-dock .ts-dock__bar{gap:.8rem;padding:1rem 1rem .2rem 1.8rem;border:0;border-radius:2.6rem 2.6rem 0 0;box-shadow:0 3px #17132b}body.ts-has-tabbar .ts-dock .ts-dock__cart{display:none}body.ts-has-tabbar .ts-dock .ts-dock__main{height:auto;gap:.8rem}body.ts-has-tabbar .ts-dock .ts-dock__info{gap:.55rem}body.ts-has-tabbar .ts-dock .ts-dock__t{font-size:1.3rem}body.ts-has-tabbar .ts-dock .ts-dock__track{height:.5rem}body.ts-has-tabbar .ts-dock .ts-dock__chev{width:2.8rem;height:2.8rem;border-width:1.5px}body.ts-has-tabbar .ts-dock .ts-dock__chev svg{width:1.3rem;height:1.3rem}body.ts-has-tabbar .ts-dock__panel{margin-bottom:.8rem}html body.ts-has-dock .ts-tabbar{border-radius:0 0 2.6rem 2.6rem;padding-top:.5rem}body.ts-has-dock.ts-has-tabbar{padding-bottom:calc(13.6rem + env(safe-area-inset-bottom,0px))}}html body.ts-typing .ts-dock,html body.ts-typing .ts-tabbar,html body.ts-typing .tc-bar,html body.ts-typing shopify-chat{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .15s,visibility 0s .15s}@media(max-width:749px){html body .ts-dock,html body .ts-tabbar{display:none!important}html body.ts-has-dock,html body.ts-has-tabbar,html body.ts-has-dock.ts-has-tabbar{padding-bottom:env(safe-area-inset-bottom,0px)!important}html body.ts-has-dock shopify-chat{transform:none}html body.ts-has-tabbar .tc-bar,html body .tsb__bar{bottom:calc(1rem + env(safe-area-inset-bottom,0px))}html body .tsb__toast{bottom:calc(9.6rem + env(safe-area-inset-bottom,0px))}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ts-dock.css.map */
