.overlay-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none}.overlay-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;pointer-events:none;z-index:1}.overlay-drawer.is-open .overlay-drawer__backdrop{opacity:1;visibility:visible;pointer-events:auto}.overlay-drawer__wrapper{position:fixed;top:var(--overlay-drawer-top, 50%);display:flex;align-items:stretch;pointer-events:auto;transition:transform .35s ease;will-change:transform;z-index:2;--overlay-drawer-tab-width: 48px;--overlay-drawer-panel-width: 300px}.overlay-drawer__dismiss{position:absolute;z-index:4;width:28px;height:28px;padding:0;border:1px solid var(--border-color, #e5e5e5);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease}.overlay-drawer__dismiss:before,.overlay-drawer__dismiss:after{content:"";position:absolute;width:14px;height:1px;background:var(--gray-dark, #222);transition:background .2s ease}.overlay-drawer__dismiss:before{transform:rotate(-45deg)}.overlay-drawer__dismiss:after{transform:rotate(45deg)}.overlay-drawer__dismiss:hover{background:var(--theme-color, #000);border-color:var(--theme-color, #000)}.overlay-drawer__dismiss:hover:before,.overlay-drawer__dismiss:hover:after{background:#fff}.overlay-drawer__tab-wrap{position:relative;flex-shrink:0;overflow:visible}.overlay-drawer__dismiss--tab{width:22px;height:22px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 6px #0000002e}.overlay-drawer__dismiss--tab:before,.overlay-drawer__dismiss--tab:after{width:9px;height:1.5px;background:#000}.overlay-drawer__dismiss--tab:hover{background:#fff;border-color:transparent}.overlay-drawer__dismiss--tab:hover:before,.overlay-drawer__dismiss--tab:hover:after{background:#000}.overlay-drawer[data-position=right] .overlay-drawer__dismiss--tab{top:0;left:0;right:auto;transform:translate(-50%,-50%)}.overlay-drawer[data-position=left] .overlay-drawer__dismiss--tab{top:0;right:0;left:auto;transform:translate(50%,-50%)}.overlay-drawer:not(.is-open) .overlay-drawer__dismiss--tab{display:flex;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,visibility .2s ease,background .2s ease}@media(hover:hover)and (pointer:fine){.overlay-drawer:not(.is-open) .overlay-drawer__dismiss--tab{opacity:0;visibility:hidden;pointer-events:none}.overlay-drawer:not(.is-open) .overlay-drawer__tab-wrap:hover .overlay-drawer__dismiss--tab,.overlay-drawer:not(.is-open) .overlay-drawer__dismiss--tab:focus-visible{opacity:1;visibility:visible;pointer-events:auto}}.overlay-drawer.is-open .overlay-drawer__dismiss--tab{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}.overlay-drawer[data-position=right] .overlay-drawer__wrapper{right:0;flex-direction:row;transform:translateY(-50%) translate(calc(100% - var(--overlay-drawer-tab-width)))}.overlay-drawer[data-position=left] .overlay-drawer__wrapper{left:0;flex-direction:row-reverse;transform:translateY(-50%) translate(calc(-100% + var(--overlay-drawer-tab-width)))}.overlay-drawer.is-open[data-position=right] .overlay-drawer__wrapper,.overlay-drawer.is-open[data-position=left] .overlay-drawer__wrapper{transform:translateY(-50%) translate(0)}.overlay-drawer__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:var(--overlay-drawer-tab-width);min-height:200px;padding:16px 8px;border:none;cursor:pointer;flex-shrink:0;font-family:inherit;transition:opacity .2s ease;box-sizing:border-box}.overlay-drawer__tab:hover{opacity:.9}.overlay-drawer__arrow{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:transform .35s ease}.overlay-drawer.is-open .overlay-drawer__arrow{transform:rotate(180deg)}.overlay-drawer__tab-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;line-height:1.2}.overlay-drawer__panel{position:relative;width:var(--overlay-drawer-panel-width);flex-shrink:0;max-height:80vh;overflow:visible}.overlay-drawer__content{padding:32px 24px;text-align:center;overflow-y:auto;max-height:80vh;box-sizing:border-box}.overlay-drawer__description{font-size:15px;line-height:1.5;margin-bottom:24px}.overlay-drawer__description p{margin:0 0 8px}.overlay-drawer__description p:last-child{margin-bottom:0}.overlay-drawer__coupon{display:block;width:100%;padding:14px 16px;margin-bottom:12px;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;border:2px dashed;box-sizing:border-box}.overlay-drawer__copy{display:block;width:100%;padding:14px 16px;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-align:center;border:2px dashed;cursor:pointer;font-family:inherit;transition:opacity .2s ease;box-sizing:border-box}.overlay-drawer__copy:hover{opacity:.85}.overlay-drawer__copy.is-copied{opacity:.7}body.overlay-drawer--open{overflow:hidden}@media(max-width:767px){.overlay-drawer__panel{width:min(var(--overlay-drawer-panel-width),85vw);max-height:68vh}.overlay-drawer__tab{min-height:132px;padding:12px 8px;gap:8px}.overlay-drawer__tab-text{font-size:12px}.overlay-drawer__dismiss--tab{width:20px;height:20px}.overlay-drawer__dismiss--tab:before,.overlay-drawer__dismiss--tab:after{width:8px}.overlay-drawer__content{padding:20px 16px}.overlay-drawer__description{margin-bottom:16px;font-size:14px}.overlay-drawer--hidden-mobile{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/css-section-overlay-drawer.css.map */