.page-width--alt{padding-left:calc(var(--grid-gutter--mobile));padding-right:calc(var(--grid-gutter--mobile));max-width:var(--page-width);margin:0 auto}@media screen and (min-width: 750px){.page-width--alt{padding-left:calc(var(--grid-gutter)*2.4);padding-right:calc(var(--grid-gutter)*1.6)}}skio-build-a-box,.build-a-box-modal{--color-opacity: .8}skio-build-a-box *,.build-a-box-modal *{font-family:Gotham,sans-serif;color:rgba(51,38,24,var(--color-opacity))}.color-solid{--color-opacity: 1}skio-build-a-box{display:grid;gap:4rem;--aside-width: 33.6rem}@media (min-width: 750px){skio-build-a-box{grid-template-columns:calc(100% - var(--aside-width)) var(--aside-width)}}skio-build-a-box.loading{min-height:100vh;text-align:center;display:flex;flex-wrap:wrap}skio-build-a-box .loading-overlay__spinner{display:none}skio-build-a-box .loading-overlay__spinner .spinner{width:4rem;height:auto}skio-build-a-box.loading .loading-overlay__spinner{display:block;width:100%;height:auto}skio-build-a-box.loading .build-a-box-main,skio-build-a-box.loading aside{opacity:0;transform:translateY(3rem)}skio-build-a-box .build-a-box-main,skio-build-a-box aside{opacity:1;transform:none}skio-build-a-box .build-a-box-main{transition:all .5s ease}skio-build-a-box aside{transition:all .5s ease .25s}.build-a-box-main h2{font-size:2.8rem;font-family:Gotham Condensed,sans-serif;margin-bottom:.9rem}@media (min-width: 750px){.build-a-box-main h2{margin-bottom:2.1rem}}.build-a-box-main nav button{display:inline-block;padding:.9rem 1.2rem;border:1px solid #ddd;text-transform:uppercase;background:#fff;margin-right:.9rem;margin-bottom:.9rem;border-radius:.4rem;cursor:pointer;font-family:Gotham,sans-serif;font-weight:700;font-size:1.2rem}.build-a-box-main nav button.active{background:#332618;color:#fff;border-color:#332618;cursor:default}.build-a-box-grid:empty{display:grid}.build-a-box-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}@media (min-width: 900px){.build-a-box-grid{gap:2.5rem;grid-template-columns:repeat(3,1fr)}}.build-a-box-grid article{color:#332618;text-align:center;transition:opacity var(--duration-default) ease}.build-a-box-grid article.disabled{opacity:.32;pointer-events:none}.build-a-box-grid article img{max-width:90%;height:auto}@media (min-width: 750px){.build-a-box-grid article img{max-width:100%}}.build-a-box-grid article h3{font-size:2.2rem;font-family:Gotham Condensed,sans-serif;font-weight:500;margin:.25rem auto}.build-a-box-grid article h4{font-family:Gotham,sans-serif;font-weight:700;margin:.25rem auto;font-size:1.2rem}@media (min-width: 750px){.build-a-box-grid article h4{font-size:1.4rem}}.build-a-box-grid article p{margin:.5rem auto}.build-a-box-grid article p span{font-family:Gotham,sans-serif;font-size:1.4rem;color:rgba(51,38,24,var(--color-opacity))}.add-to-bundle{margin:1.2rem auto .5rem;display:block;width:100%;border-radius:.4rem;background-color:var(--color--fun-green);border:1px solid #ccc;padding:1.4rem;font-weight:700;font-size:1.2rem;cursor:pointer;color:#fff;transition:color .25s ease,background .25s ease}article:not(.added) .add-to-bundle:not([disabled]):hover{background-color:var(--color--fun-green);background-image:var(--gradient--mint-laser);color:var(--color--btn-primary-txt)}.added .add-to-bundle{font-size:0;background-color:#0000;border-color:#00783f}.added .add-to-bundle:before{content:attr(data-remove);font-size:1.2rem;color:#00783f}.added .add-to-bundle:after{content:"\d7";font-size:1.2rem;display:inline-block;margin-left:1.5rem;transform:scale(1.5) translateY(3%);color:#00783f}.build-a-box-grid article .product-modal-trigger{border:0;background:#0000;text-decoration:underline;text-underline-offset:6px;margin:.5rem auto;font-size:1rem;cursor:pointer;font-weight:700}skio-build-a-box aside .skio-build-a-box-cart{background:#f8f8f8;padding:1.4rem 2.4rem 0;position:relative}@media (min-height: 550px){skio-build-a-box aside .skio-build-a-box-cart{position:sticky;top:0}}@media (min-width: 750px){skio-build-a-box aside .skio-build-a-box-cart{max-width:var(--aside-width);border-radius:.8rem;padding:3.6rem 2.4rem 2.4rem}}@media (max-width: 749px){skio-build-a-box aside{position:fixed;left:0;bottom:0;width:100%;z-index:2147483648}}skio-build-a-box aside .items{display:flex;flex-direction:row;align-items:center;margin-bottom:2rem}@media (min-width: 750px){skio-build-a-box aside .items{flex-wrap:wrap;gap:1.5rem}}@media (min-width: 750px)and (min-height: 750px){skio-build-a-box aside .items{flex-direction:column;margin-bottom:2.5rem;flex-wrap:nowrap;gap:0}}skio-build-a-box aside article{position:relative;width:100%}@media (min-width: 750px){skio-build-a-box aside article{width:calc(50% - .75rem)}}@media (min-width: 750px)and (min-height: 750px){skio-build-a-box aside article{width:clamp(85px,13vh,138px)}}skio-build-a-box aside article div{width:100%;border:1px solid #332618;border-radius:4px;overflow:hidden}skio-build-a-box aside article.blank div{border:1px dashed #999}skio-build-a-box aside article img[src=""]{display:none}skio-build-a-box aside article img:not([src=""])+img{display:none}skio-build-a-box aside article button{position:absolute;top:0;right:0;transform:translate(30%,-30%);border-radius:50%;width:2.4rem;height:2.4rem;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;color:#fff;background:#00783f;border:2px solid #fff;font-size:2rem;cursor:pointer;z-index:1}skio-build-a-box aside article.blank button{display:none}skio-build-a-box aside .items .separator{display:block;width:1.2rem;height:1px;border-top:1px solid #332618;flex-shrink:0;flex-grow:0}@media (min-width: 750px)and (max-height: 749px){skio-build-a-box aside .items .separator{display:none}}@media (min-width: 750px){skio-build-a-box aside .items .separator{width:1px;height:1.2rem;border-left:1px solid #332618;border-top:0}}skio-build-a-box aside .items article.blank+.separator{border-color:#ccc}skio-build-a-box aside article picture{width:100%;position:relative;display:block}skio-build-a-box aside article picture:before{content:"";display:block;width:100%;height:0;padding-top:100%}skio-build-a-box aside article img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}skio-build-a-box aside article img:first-child{padding:1rem}skio-build-a-box aside article .discount{z-index:0;display:none}skio-build-a-box aside article.blank .discount{--color-opacity: 1;display:block;text-align:center;font-size:1.2rem;position:absolute;bottom:.25rem;left:0;width:100%;padding:.2rem 0 0;z-index:0;font-weight:400;color:#999;background:#0000}@media (min-width: 420px){skio-build-a-box aside article.blank .discount{font-size:1.6rem}}.skio-build-a-box-cart__savings{--color-opacity: 1;font-size:1.4rem;font-weight:500;text-align:center;margin-top:0}skio-build-a-box aside .add-to-cart{background:#00783f;color:#fff;width:100%;display:flex;align-items:center;justify-content:center;border:0;text-transform:uppercase;font-weight:700;padding:1.2rem .5rem;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .25s ease}skio-build-a-box aside .add-to-cart *{color:inherit}skio-build-a-box aside .add-to-cart[disabled]{background:#ccc;cursor:default}skio-build-a-box aside .add-to-cart:not([disabled]):hover{background-color:var(--color--fun-green);background-image:var(--gradient--mint-laser);color:var(--color--btn-primary-txt);border-color:#0000}skio-build-a-box aside .add-to-cart:not([disabled]):hover [data-items] svg path{fill:var(--color--btn-primary-txt)}skio-build-a-box aside .add-to-cart:not([disabled]):hover [data-items]:before{color:#fff}skio-build-a-box aside [data-items]{position:relative;margin-right:1rem}skio-build-a-box aside [data-items] svg{width:20px;height:auto}skio-build-a-box aside [data-items]:before{content:attr(data-items);position:absolute;top:0;left:0;width:100%;height:100%;color:#00783f;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transform:translateY(7%)}skio-build-a-box aside .add-to-cart[disabled] [data-items]:before{color:#ccc}.bundle-cart-footer-text{font-size:1rem;font-weight:700;text-align:center;line-height:1.9;margin-top:1rem;margin-bottom:0;padding-bottom:1rem}@media (min-width: 750px){.bundle-cart-footer-text{margin-top:2.4rem;padding-bottom:0}}.bundle-cart-footer-text span{white-space:nowrap;display:inline-block}.bundle-cart-footer-text span.separator{display:inline-block;height:1rem;width:1px;background:currentColor;opacity:.16;margin:0 .7rem;transform:translateY(1px)}skio-build-a-box footer{text-align:center;margin:5.8rem auto;text-underline-offset:.4rem}@media (min-width: 750px){skio-build-a-box footer{margin:7rem auto}}skio-build-a-box footer a{font-family:Gotham,sans-serif;font-size:1.2rem;font-weight:700}.build-a-box-modal{background:RGBA(var(--color-foreground),.32);box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}.build-a-box-modal[open]{opacity:1;visibility:visible;z-index:2147483649}.build-a-box-modal__content{background-color:RGB(var(--color-background));height:auto;max-height:90%;margin:5% auto;overflow:auto;padding:0;position:relative;width:95%;max-width:104rem}@media (min-width: 750px){.build-a-box-modal__content{max-height:80vh;margin:10vh auto}}.build-a-box-modal__toggle{align-items:center;color:rgb(var(--color-foreground));cursor:pointer;display:flex;justify-content:center;margin:0 0 0 auto;padding:1rem 3rem 0 1.2rem;position:sticky;right:0;top:0;width:4rem;z-index:21;background:#0000;border:0;font-size:3rem}@media (min-width: 750px){.build-a-box-modal__toggle{padding:2rem 3.6rem 0 1.2rem}}.build-a-box__toggle .icon{height:auto;margin:0;width:2.2rem}.build-a-box__content-info{height:calc(100% - 6rem);margin:0 auto;padding-top:0;padding-bottom:1rem;width:calc(100% - 2rem)}@media (min-width: 750px){.build-a-box__content-info{width:calc(100% - 10rem);padding-bottom:4rem}}.build-a-box-modal-content{display:grid;grid-template-columns:1fr}@media (min-width: 750px){.build-a-box-modal-content{gap:4rem;grid-template-columns:1fr 1fr}}.build-a-box-modal .slider-mobile-gutter .grid__item{max-width:100%}.build-a-box-modal-content slider-component[id^=GalleryViewer]{max-width:95%;margin:0 auto}@media (min-width: 750px){.build-a-box-modal-content slider-component[id^=GalleryViewer]{max-width:100%}}.build-a-box-modal-content .product__media-icon{display:none}.build-a-box-modal-content .thumbnail-slider{display:flex;align-items:center;margin-left:-1rem;margin-right:-1rem}.build-a-box-modal-content .thumbnail-slider .slider-button .icon{height:.9rem}@media (min-width: 750px){.build-a-box-modal__product-info{padding-right:10%}}.build-a-box-modal .product__title{--color-opacity: 1;margin-top:1rem;margin-bottom:1rem;font-family:Gotham Condensed,sans-serif;color:rgba(51,38,24,var(--color-opacity))}.build-a-box-modal .product__subtitle{--color-opacity: 1;font-size:1.4rem;font-weight:700;margin-top:1rem;margin-bottom:.5rem;color:rgba(51,38,24,var(--color-opacity))}.build-a-box-modal #pr-reviewsnippet .pr-snippet-review-count{color:inherit}.build-a-box-modal .product__description{margin-top:1rem;margin-bottom:1rem}@media (min-width: 750px){.build-a-box-modal .product__description{margin-top:2.4rem;margin-bottom:2.4rem}}.build-a-box-modal .price,.build-a-box-modal .variant{font-size:1.4rem}.build-a-box-modal .add-to-bundle{margin-top:1.5rem}@media (min-width: 750px){.build-a-box-modal .add-to-bundle{margin-top:2.4rem}}.build-a-box-modal:not(.added) .add-to-bundle{background:#00783f;color:#fff;transition:all .25s ease}.build-a-box-modal:not(.added) .add-to-bundle:not([disabled]):hover{background-color:var(--color--fun-green);background-image:var(--gradient--mint-laser);color:var(--color--btn-primary-txt)}.build-a-box-modal--upsell[open]{z-index:2147483645}.build-a-box-modal--upsell .build-a-box-modal__content{width:90%;display:grid;text-align:center;max-width:92rem;grid-template-rows:1fr 1fr}@media (min-width: 750px){.build-a-box-modal--upsell .build-a-box-modal__content{grid-template-columns:1fr 1fr;grid-template-rows:unset}}.build-a-box-modal--upsell .build-a-box-modal__content>picture{position:relative;line-height:0;min-height:55px}.build-a-box-modal--upsell .build-a-box-modal__content>picture img{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover}.build-a-box-modal--upsell .build-a-box-modal__toggle{position:absolute;color:rgb(var(--color-background))}@media (min-width: 750px){.build-a-box-modal--upsell .build-a-box-modal__toggle{position:absolute;color:rgb(var(--color-foreground))}}.build-a-box-modal--upsell .build-a-box__content-info-inner--upsell{padding:2.4rem;overflow:auto;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}@media (min-width: 750px){.build-a-box-modal--upsell .build-a-box__content-info-inner--upsell{padding:3.2rem 4.8rem}}.build-a-box-modal--upsell .h1{font-size:28px;margin:0;font-family:Gotham Condensed,sans-serif;max-width:18rem;line-height:1.1}@media (min-width: 750px){.build-a-box-modal--upsell .h1{font-size:44px;max-width:28rem;margin-bottom:0}}.build-a-box-modal--upsell hr{margin:0;width:100%}@media (min-width: 750px){.build-a-box-modal--upsell hr{margin:1rem 0}}.build-a-box-modal--upsell p{font-size:14px;margin-bottom:1rem}@media (min-width: 750px){.build-a-box-modal--upsell p{margin-bottom:1.4rem}}.build-a-box-modal--upsell p span{white-space:nowrap;display:inline-flex;flex-wrap:nowrap;align-items:center;margin:0 1rem;line-height:1.7}.build-a-box-modal--upsell p span img{display:inline-block;margin-right:.4rem;transform:translateY(-1px)}.build-a-box-modal--upsell .switch-to-subscription-button{width:100%;border-radius:.4rem;background:#0000;border:1px solid #ccc;padding:1.4rem;font-weight:700;font-size:1.2rem;cursor:pointer;background-color:#00783f;color:#fff;transition:all .25s ease}.build-a-box-modal--upsell .switch-to-subscription-button:not([disabled]):hover{background-color:var(--color--fun-green);background-image:var(--gradient--mint-laser);color:var(--color--btn-primary-txt)}@media (min-width: 750px){.build-a-box-modal--upsell .switch-to-subscription-button{margin-top:1rem}}.build-a-box-modal--upsell .dismiss-button{margin-top:1.2rem;background:#0000;border:0;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px;font-size:1.4rem;font-weight:700;cursor:pointer}@media (min-width: 750px){.build-a-box-modal--upsell .dismiss-button{margin-top:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/433/assets/build-a-box-skio.css.map */