.main-drawer{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%}.main-drawer[open]{opacity:1;visibility:visible;z-index:101}.main-drawer[open] .main-drawer__content{opacity:1;transform:translate(0)}.main-drawer__content{background-color:rgb(var(--color-background));overflow:auto;width:100%;height:100%;max-width:61rem;margin:0 auto;right:0;position:absolute;top:0;padding:8rem 10.8rem;opacity:0;transform:translate(100%);transition:all .185s ease-in-out}@media screen and (min-width:1441px){.main-drawer__content{max-width:none;width:calc(50vw - 110px)}}@media screen and (max-width:749px){.main-drawer__content{padding:1.6rem}}.main-drawer__content.focused{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.main-drawer__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.main-drawer__content img{max-width:100%}@media screen and (max-width:749px){.main-drawer__content table{display:block;max-width:fit-content;overflow-x:auto;white-space:nowrap;margin:0}}.main-drawer__opener{display:block}.main-drawer__button{font-size:1.6rem;padding-right:1.3rem;padding-left:0;min-height:4.4rem;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness var(--duration-short) ease}.main-drawer__button:hover{text-decoration-thickness:.2rem}.main-drawer__content-info{height:100%;position:relative;overflow:auto;color:#000;font-size:1.2rem;line-height:1.6rem;font-weight:400;letter-spacing:0}.main-drawer__content-info ul{padding-left:2rem}.main-drawer__content-info h3,.main-drawer__content-info h4{font-weight:600;color:#111}.main-drawer__content-info .drawer-headline{margin-bottom:1.6rem;color:#111}.main-drawer__content-info a:empty,.main-drawer__content-info ul:empty,.main-drawer__content-info dl:empty,.main-drawer__content-info div:empty,.main-drawer__content-info section:empty,.main-drawer__content-info article:empty,.main-drawer__content-info p:empty,.main-drawer__content-info h1:empty,.main-drawer__content-info h2:empty,.main-drawer__content-info h3:empty,.main-drawer__content-info h4:empty,.main-drawer__content-info h5:empty,.main-drawer__content-info h6:empty{display:inline-block}.main-drawer__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}@media screen and (max-width:749px){.main-drawer__content-info>*{max-height:100%}}.main-drawer__toggle{color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;z-index:102;top:0;right:0;width:1.6rem;height:1.6rem}.main-drawer__toggle .icon{height:auto;margin:0;width:2.2rem}.back-in-stock-drawer .main-drawer__content-info{padding:0}.back-in-stock{display:flex;gap:16px;flex-direction:column;height:100%}@media screen and (max-width:749px){.back-in-stock{justify-content:space-between}}.back-in-stock .back-in-stock-body{display:flex;flex-direction:column;gap:16px}.back-in-stock .back-in-stock-body>*:not(.back-in-stock-title){margin-bottom:8px}.back-in-stock .back-in-stock-body .email{height:20px;display:flex;border-bottom:1px solid black;margin-top:16px}.back-in-stock .back-in-stock-body .email.error{border-bottom:1px solid red}.back-in-stock .back-in-stock-body .email input{width:100%;padding:0}.back-in-stock .back-in-stock-body .email input::placeholder{font-size:1.2rem;font-weight:400;line-height:1.6rem;color:rgb(var(--color-foreground))}.back-in-stock .back-in-stock-body .subscribe{height:1.6rem;display:flex;align-items:center;gap:4px}@media screen and (max-width:749px){.back-in-stock .back-in-stock-body .subscribe{margin-top:8px}}.back-in-stock .back-in-stock-body .subscribe input{margin:0;width:12px;height:12px;border:1px solid #111111;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.back-in-stock .back-in-stock-body .subscribe input:checked:before{content:"";position:absolute;top:1px;left:1px;width:8px;height:8px;background-color:#111}.back-in-stock .back-in-stock-body .subscribe label{font-size:1rem;line-height:1.4rem;color:rgb(var(--color-foreground))}.back-in-stock .back-in-stock-body .privacy-policy,.back-in-stock .back-in-stock-body .privacy-policy a{color:rgb(var(--color-foreground))}.back-in-stock .back-in-stock-action{display:flex;flex-direction:column;gap:16px;position:relative}.back-in-stock .back-in-stock-action .feedback__message{position:absolute;top:calc(100% + 20px);bottom:auto;display:flex;width:100%;padding:8px;transition:opacity .3s ease-in-out;opacity:0}@media screen and (max-width:749px){.back-in-stock .back-in-stock-action .feedback__message{bottom:calc(100% + 20px);top:auto}}.back-in-stock .back-in-stock-action .success__message{color:#2e8540;border:1px solid #2e8540}.back-in-stock .back-in-stock-action .error__message{color:red;border:1px solid #ff0000}.back-in-stock .back-in-stock-action button{width:fit-content}@media screen and (max-width:749px){.back-in-stock .back-in-stock-action button{width:100%;height:44px;color:var(--color-primary-button-text);background-color:var(--color-primary-button);text-decoration:none}}.back-in-stock .dropdown{position:relative;width:100%}.back-in-stock .dropdown-label{display:none;margin-bottom:6px}.back-in-stock .dropdown svg{width:10px;height:16px;margin:0 4px;color:#000}.back-in-stock .dropdown-selected{width:100%;padding:4px 0;border-bottom:1px solid #000000;cursor:pointer;background-color:#fff;display:flex;justify-content:space-between;color:#333}.back-in-stock .dropdown-options{position:absolute;top:52px;left:0;right:0;border:1px solid #000000;display:none;background-color:#fff;z-index:3;max-height:31rem;overflow:auto}.back-in-stock .dropdown-option{padding:1.2rem 1.6rem;cursor:pointer;display:flex;justify-content:space-between;color:#000}.back-in-stock .dropdown-option svg{width:16px;height:16px}.back-in-stock .dropdown-option:hover{background-color:#f0f0f0}
/*# sourceMappingURL=/cdn/shop/t/141/assets/component-main-drawer.css.map */