cart-drawer.twk{--twk-ink: var(--tuba-ink, #121212);--twk-bone: var(--tuba-bone, #f2ede7);--twk-sand: #e4dbd2;--twk-muted: var(--tuba-muted, #6f6a66);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;visibility:hidden;pointer-events:none;transition:visibility 0s linear .4s}cart-drawer.twk.active{visibility:visible;pointer-events:auto;transition:none}cart-drawer.twk [hidden]{display:none!important}.twk .twk__wrap{position:absolute;top:0;right:0;bottom:0;left:0}.twk .twk__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#12121273;opacity:0;transition:opacity .35s ease}.twk.active .twk__overlay{opacity:1}cart-drawer.twk .drawer__inner.twk__panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;background:#fff;color:var(--twk-ink);font-family:var(--tuba-font-body, inherit);letter-spacing:0;transform:translate(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);outline:none}cart-drawer.twk.active .drawer__inner.twk__panel{transform:translate(0)}@media(min-width:600px){cart-drawer.twk .drawer__inner.twk__panel{width:44rem;box-shadow:-2rem 0 4rem #0000001f}}.twk .twk__head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.2rem 1.4rem 2rem;border-bottom:1px solid var(--twk-sand)}.twk .twk__title{margin:0;font-family:var(--tuba-font-display, inherit);font-weight:800;font-size:2.4rem;line-height:1;text-transform:uppercase;letter-spacing:.01em}.twk .twk__title span{font-weight:700;color:var(--twk-muted)}.twk .twk__close{position:relative;top:auto;right:auto;flex:none;margin-right:.4rem;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.twk .twk__close svg{width:2.4rem;height:2.4rem}.twk .twk__cont{display:none}.twk .twk__bar{position:relative;flex:0 0 auto;padding:1.4rem 2rem 1.2rem;background:var(--twk-bone)}.twk .twk__msg{margin:0 0 1.2rem;font-size:1.4rem;line-height:1.4}.twk .twk__msg b{font-weight:700}.twk .twk__ok{display:inline-flex;align-items:center;gap:.4rem;margin-right:.2rem;font-weight:600}.twk .twk__ok svg{width:1.5rem;height:1.5rem;flex:0 0 auto}.twk .twk__bar.is-top .twk__ok{margin-right:0}.twk .twk__track{position:relative;height:.6rem;background:var(--twk-sand);margin:0 .4rem}.twk .twk__fill{position:absolute;inset:0 auto 0 0;background:var(--twk-ink);transition:width .6s cubic-bezier(.2,.8,.2,1)}.twk .twk__mark{position:absolute;top:50%;left:var(--x);width:1.2rem;height:1.2rem;margin:-.6rem 0 0 -.6rem;background:#fff;border:2px solid var(--twk-sand)}.twk .twk__mark.is-on{background:var(--twk-ink);border-color:var(--twk-ink)}.twk .twk__steps{position:relative;height:3.2rem;margin:.8rem .4rem 0;padding:0;list-style:none}.twk .twk__steps li{position:absolute;top:0;left:var(--x);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;color:var(--twk-muted);line-height:1.2}.twk .twk__steps li.is-last{transform:translate(-100%);align-items:flex-end}.twk .twk__steps li:first-child:not(.is-last){transform:translate(-50%)}.twk .twk__steps b{font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.twk .twk__steps small{font-size:1.1rem}.twk .twk__steps li.is-on{color:var(--twk-ink)}.twk .twk__err{margin:0;padding:1rem 2rem;background:var(--twk-ink);color:#fff;font-size:1.3rem}.twk .twk__items{flex:1 1 auto;min-height:0;margin:0;padding:0 2rem;list-style:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:opacity .2s ease}.twk .is-busy .twk__items,.twk .is-busy .twk__foot{opacity:.55;pointer-events:none}.twk .twk__item{display:grid;grid-template-columns:9.6rem 1fr;gap:1.4rem;padding:1.8rem 0;border-bottom:1px solid var(--twk-sand)}.twk .twk__item:last-child{border-bottom:0}.twk .twk__media{display:block;aspect-ratio:4 / 5;background:var(--twk-bone);overflow:hidden}.twk .twk__img{display:block;width:100%;height:100%;object-fit:cover}.twk .twk__info{min-width:0;display:flex;flex-direction:column}.twk .twk__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.twk .twk__name{color:inherit;text-decoration:none;font-size:1.45rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.twk .twk__price{margin:0;text-align:right;white-space:nowrap;font-size:1.45rem;line-height:1.3}.twk .twk__price s{display:block;color:var(--twk-muted);font-size:1.2rem}.twk .twk__price b{font-weight:700}.twk .twk__var,.twk .twk__prop,.twk .twk__each{margin:.3rem 0 0;font-size:1.25rem;line-height:1.4;color:var(--twk-muted)}.twk .twk__disc{margin:.4rem 0 0;font-size:1.2rem;font-weight:600}.twk .twk__svc{display:flex;justify-content:space-between;gap:1rem;margin-top:.6rem;padding:.6rem .8rem;background:var(--twk-bone);font-size:1.2rem;line-height:1.35}.twk .twk__svc b{white-space:nowrap;font-weight:600}.twk .twk__note{margin:.6rem 0 0;font-size:1.15rem;line-height:1.35;color:var(--twk-muted)}.twk .twk__ctrl{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.2rem}.twk .twk__qty{display:inline-flex;align-items:stretch;border:1px solid var(--twk-ink)}.twk .twk__qty button{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.twk .twk__qty button:disabled{opacity:.3;cursor:default}.twk .twk__qty svg{width:1.6rem;height:1.6rem}.twk .twk__qty span{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;font-size:1.4rem;font-weight:600}.twk .twk__remove{padding:.6rem 0;border:0;background:none;color:var(--twk-muted);font:inherit;font-size:1.25rem;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.twk .twk__foot{flex:0 0 auto;padding:1.4rem 2rem calc(1.4rem + env(safe-area-inset-bottom));border-top:1px solid var(--twk-sand);background:#fff}.twk .twk__row{display:flex;justify-content:space-between;gap:1rem;font-size:1.4rem;line-height:1.4}.twk .twk__row--disc{margin-bottom:.4rem;font-weight:600}.twk .twk__row--total{font-family:var(--tuba-font-display, inherit);font-weight:800;font-size:2rem;text-transform:uppercase}.twk .twk__tax{margin:.2rem 0 1.2rem;font-size:1.2rem;color:var(--twk-muted)}.twk .twk__tax a{color:inherit}.twk .twk__btn{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;min-height:5.6rem;padding:0 2rem;border:0;border-radius:0;background:var(--twk-ink);color:#fff;font-family:var(--tuba-font-body, inherit);font-size:1.3rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer}.twk .twk__btn svg{width:1.8rem;height:1.8rem;transition:transform .25s ease}.twk .twk__btn:hover svg{transform:translate(.3rem)}.twk .twk__trust{margin:1rem 0 0;text-align:center;font-size:1.2rem;color:var(--twk-muted)}.twk .twk__pay{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none}.twk .twk__pay-icon{width:3.4rem;height:2.2rem;display:block}.twk .twk__empty{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:1.2rem;padding:2rem;text-align:center}.twk .twk__empty-title{margin:0;font-family:var(--tuba-font-display, inherit);font-weight:800;font-size:3rem;line-height:1.05;text-transform:uppercase}.twk .twk__empty-text{margin:0 0 1rem;font-size:1.5rem;color:var(--twk-muted)}.twk .twk__link{align-self:center;padding:.8rem;border:0;background:none;color:inherit;font:inherit;font-size:1.3rem;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.twk .twk__burst{position:absolute;z-index:5;width:0;height:0;pointer-events:none}.twk .twk__burst i{position:absolute;left:-.4rem;top:-.4rem;width:.8rem;height:.8rem;background:var(--twk-ink);opacity:0;animation:twk-bit .95s cubic-bezier(.15,.7,.3,1) both}.twk .twk__burst i:nth-child(3n){width:.5rem;height:.5rem}.twk .twk__burst i:nth-child(4n){width:1.1rem;height:.5rem}.twk .twk__burst i:nth-child(5n){background:#fff;box-shadow:inset 0 0 0 1px var(--twk-ink)}@keyframes twk-bit{0%{opacity:1;transform:translate(0) rotate(0) scale(.5)}70%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}}.twk .twk__bar.is-pop .twk__ok{animation:twk-pop .6s cubic-bezier(.2,.8,.2,1)}.twk .twk__bar.is-pop .twk__mark.is-new{animation:twk-mark .6s cubic-bezier(.2,.8,.2,1)}@keyframes twk-pop{0%{transform:scale(.85)}55%{transform:scale(1.08)}to{transform:none}}@keyframes twk-mark{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}cart-drawer.twk.is-page{position:static;inset:auto;z-index:auto;display:block;visibility:visible;pointer-events:auto;transition:none}cart-drawer.twk.is-page .twk__wrap{position:static}cart-drawer.twk.is-page .twk__overlay{display:none}cart-drawer.twk.is-page .drawer__inner.twk__panel{position:static;width:100%;max-width:72rem;height:auto;margin:0 auto;overflow:visible;transform:none;transition:none;box-shadow:none}cart-drawer.twk.is-page .twk__head{padding:2.4rem 2rem 1.6rem}cart-drawer.twk.is-page .twk__title{font-size:3.2rem}cart-drawer.twk.is-page .twk__close{display:none}cart-drawer.twk.is-page .twk__cont{display:inline-block;padding:1rem 0;color:inherit;font-size:1.4rem;text-decoration:underline;text-underline-offset:.25em}cart-drawer.twk.is-page .twk__items{flex:none;overflow:visible}cart-drawer.twk.is-page .twk__foot{position:sticky;bottom:0;z-index:2}cart-drawer.twk.is-page .twk__empty{min-height:50vh}cart-drawer.twk.is-page .twk__empty .twk__link{display:none}@media(min-width:750px){cart-drawer.twk.is-page .twk__head{padding:4rem 2rem 2rem}cart-drawer.twk.is-page .twk__title{font-size:4rem}cart-drawer.twk.is-page .twk__foot{position:static}}[data-twk-page-slot]:empty{display:block;min-height:60vh}@media(prefers-reduced-motion:reduce){cart-drawer.twk .drawer__inner.twk__panel,.twk .twk__overlay{transition-duration:1ms}.twk .twk__fill{transition:none}.twk .twk__burst{display:none}.twk .twk__bar.is-pop .twk__ok,.twk .twk__bar.is-pop .twk__mark.is-new{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/tuba-warenkorb.css.map */