.aio-box{margin-top:-20px;padding-bottom:20px}@media only screen and (min-width:769px){.aio-box{margin-top:-37.5px;padding-bottom:37.5px}}.aio-box{--aio-box-text: var(--colorTextBody, #2b2a27);--aio-box-muted: #5a5a55;--aio-box-tile-bg: #f5f6f8;--aio-box-track: #d8d8d4;--aio-box-accent: #0071e3}@supports (color: color-mix(in srgb,#000 50%,transparent)){.aio-box{--aio-box-muted: color-mix(in srgb, var(--colorTextBody, #2b2a27) 78%, transparent);--aio-box-track: color-mix(in srgb, var(--colorTextBody, #2b2a27) 18%, transparent)}}.aio-box .section-header{text-align:center}.aio-box__config{margin:8px 0 0;color:var(--aio-box-muted);font-size:16px;line-height:1.4}.aio-box__change{margin:6px 0 0;font-size:14px;line-height:1.4}.aio-box__change a{color:var(--aio-box-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.aio-box__change a:hover{color:var(--aio-box-text)}.aio-box__change a:focus-visible{outline:2px solid var(--aio-box-accent);outline-offset:3px;border-radius:2px;text-decoration:underline}.aio-box__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;justify-content:start}@media only screen and (max-width:1199px){.aio-box__grid{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:989px){.aio-box__grid{grid-template-columns:repeat(3,1fr)}}.aio-box__item{display:flex;flex-direction:column;text-align:left}.aio-box__media{box-sizing:border-box;aspect-ratio:1 / 1;padding:3.5%;margin-bottom:8px;border-radius:8px;background-color:var(--aio-box-tile-bg)}.aio-box__media img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.2)}.aio-box__name{color:var(--aio-box-text);font-size:17px;font-weight:500;line-height:1.4;letter-spacing:normal;text-transform:none}.aio-box__qty{margin-top:4px;color:var(--aio-box-muted);font-size:15px;line-height:1.35;letter-spacing:normal;text-transform:none}.aio-box__progress{display:none}@media only screen and (max-width:749px){.aio-box__grid{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:39vw;gap:3.6vw;overflow-x:auto;scroll-snap-type:x mandatory;scroll-snap-stop:always;scroll-padding:0 17px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px;scrollbar-width:none;-ms-overflow-style:none}.aio-box__grid::-webkit-scrollbar{display:none}.aio-box__item{scroll-snap-align:start;scroll-snap-stop:always}.aio-box .section-header{text-align:left}.aio-box__name{font-size:16px}.aio-box__qty{font-size:14px}.aio-box__progress{display:block;height:3px;margin-top:16px;border-radius:999px;background-color:var(--aio-box-track)}.aio-box__progress[hidden]{display:none}.aio-box__progress-thumb{display:block;width:0;height:100%;border-radius:inherit;background-color:var(--aio-box-text);transition:transform .12s linear,width .12s linear}}@media(prefers-reduced-motion:reduce){.aio-box__progress-thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/aio-in-the-box.css.map */