wrapping-popup{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%;transition:all .3s ease}wrapping-popup[open]{visibility:visible;z-index:101;opacity:1}wrapping-popup[open] .wrapping-popup__content{transform:translate(0)}.wrapping-popup__content-info{position:relative;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.wrapping-popup__content-info .wrapping-popup__intro,.wrapping-popup__content-info .wrapping-popup__nav{flex:0 0 auto}.wrapping-popup__content-info .wrapping-popup__container{flex:1 1 auto;height:100%;overflow:hidden}.wrapping-popup__content{position:fixed;top:0;left:0;bottom:0;width:min(400px,100%);z-index:4;background:#fff;transform:translate(-100%);transition:transform .3s ease}.wrapping-popup__toggle{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);position:absolute;top:0;right:0;color:rgb(var(--color-foreground));background-color:transparent;border:medium;cursor:pointer;z-index:100}.wrapping-popup__toggle svg{width:1.4rem;height:1.4rem}.wrapping-step__content,.wrapping-popup__intro,.wrapping-popup__buttons{padding:10px 15px}@media only screen and not (min-width:990px){.wrapping-popup__buttons{margin-bottom:15px}}.wrapping-popup__container,.wrapping-step__content{display:grid;grid-template-areas:"stack";position:relative}:is(.wrapping-popup__container,.wrapping-step__content)>div{grid-area:1 / 1;transition:transform .3s ease-in-out;will-change:transform;min-width:0}.wrapping-upsell .wrapping-upsell__name{font-size:.8rem;line-height:1.2;text-align:center;font-weight:500}.transition-timing{transition:transform .3s ease-in-out}.transition-timing .wrapping-upsell__item{transform:translate(0)!important}.wrapping-upsell__item .wrapping-popup__buttons{padding:0}.leave-start,.enter-end{transform:translate(0)}[data-direction=forward] .leave-end{transform:translate(-100%)}[data-direction=forward] .enter-start,[data-direction=backward] .leave-end{transform:translate(100%)}[data-direction=backward] .enter-start{transform:translate(-100%)}.pdp-wrapping-option{display:none}wrapping-toggle,wrapping-toggle .toggle-button{display:block;width:100%;z-index:1}wrapping-toggle .toggle-button>div{display:flex;justify-content:center;width:100%}wrapping-toggle .wrapping-container{position:relative}wrapping-toggle .wrapping-container .wrapping-image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;display:none}wrapping-toggle .wrapping-container .wrapping-image img{object-fit:cover;width:100%;height:100%}.product wrapping-toggle{position:relative;margin-top:1rem}.product wrapping-toggle .button{height:4.4rem;padding-left:1rem;padding-right:1rem}wrapping-toggle .atc-callout{visibility:visible;bottom:0;left:0;width:100%;z-index:0;font-size:1rem;transition:transform .25s ease-out}wrapping-toggle .atc-callout.active{transform:translateY(100%)}.wrapping-popup__back{width:100%;margin-top:8px}.wrapping-popup__back a{width:100%;display:flex;justify-content:center;text-align:center}.wrapping-popup__back a .icon{margin-right:8px;transform:rotate(180deg)}.wrapping-popup__buttons{bottom:0;z-index:10;background-color:#fff;padding-top:5px}.wrapping-popup__buttons .button{width:100%}.wrapping-popup__nav{display:flex;border-top:1px solid black;border-bottom:1px solid black;position:relative;overflow:hidden}.wrapping-popup__nav:before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--steps-total, 2));background-color:rgba(var(--color-base-accent-3));z-index:-1;transform:translate(0) skew(-10deg);transition:.3s ease transform}.wrapping-popup__nav[data-step="1"]:before{transform:translate(100%) skew(-10deg)}.wrapping-popup__nav[data-step="2"]:before{transform:translate(200%) skew(-10deg)}.wrapping-popup__nav .wrapping-popup__nav-item{flex:1 1 calc(100% / var(--steps-total));text-align:center;padding-top:2px;padding-bottom:2px}.wrapping-popup__nav .wrapping-popup__nav-item:nth-of-type(2){position:relative}.wrapping-popup__nav .wrapping-popup__nav-item:nth-of-type(2):before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;transform:skew(-10deg);border-left:1px solid black}.wrapping-popup[data-total-steps="3"] .wrapping-popup__nav .wrapping-popup__nav-item:nth-of-type(2):before{border-right:1px solid black}.wrapping-step .wrapping-step__container{display:flex;flex-direction:column;height:100%}.wrapping-step .wrapping-step__image{flex:1 1 auto}@media only screen and (min-width:990px){.wrapping-step .wrapping-step__image{display:flex;flex-direction:column;max-height:400px}}.wrapping-step .wrapping-step__image>div{position:relative;height:100%}.wrapping-step .wrapping-step__image>div img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.wrapping-step .wrapping-step__content{flex:0 1 auto;overflow:hidden;min-height:0px}.wrapping-step .wrapping-step__content .wrapping-subheading{margin:15px 0;text-align:center}.wrapping-step .wrapping-step__content .wrapping-item{cursor:pointer;position:relative;display:block;text-align:center;line-height:1.4}.wrapping-step .wrapping-step__content .wrapping-item .image{position:relative;margin-bottom:1rem}.wrapping-step .wrapping-step__content .wrapping-item .image .tick{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;background-color:#0000004d;transition:opacity ease .3s;border:3px solid black}.wrapping-step .wrapping-step__content .wrapping-item .image .tick svg{height:50%;width:50%}.wrapping-step .wrapping-step__content .wrapping-item .name{text-transform:none;font-family:var(--font-heading-family);font-size:1.4rem}.wrapping-step .wrapping-step__content input:checked~label .image .tick{opacity:1}.wrapping-step .wrapping-step__content input[disabled]~label{opacity:.15;cursor:default;pointer-events:none}.wrapping-options{display:flex;flex-wrap:wrap}.wrapping-options .wrapping-options__item{flex:1 1 50%}
/*# sourceMappingURL=/cdn/shop/t/1006/assets/wrapping.css.map */