#drawer{width:min(420px,100%);background:#0b0c0e;border-left:1px solid var(--line)}#drawer .dr-head{padding:20px 20px 15px;align-items:flex-start}#drawer .dr-head h3{display:flex;flex-direction:column;gap:3px;font-size:24px;line-height:1}#drawer .dr-head .n{font-family:var(--body);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--steel);margin-left:0}#drawer .dr-close{font-family:var(--body);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--steel);text-decoration:underline;background:none;border:0;cursor:pointer}#drawer .dr-close:hover{color:#fff}#drawer .ship{padding:13px 20px;background:#0d0f11;border-bottom:1px solid var(--line)}#drawer .ship p{margin:0 0 8px;font-family:var(--body);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--text)}#drawer .ship .track{height:3px;background:#22262a}#drawer .ship .track i{background:linear-gradient(90deg,#8b9095,#fff)}#drawer .ship.done p{color:#9fe0ad}#drawer .ship.done .track i{background:#9fe0ad}#drawer .dr-body{padding:0 20px 18px}#drawer .line{grid-template-columns:62px 1fr auto;gap:13px;padding:15px 0}#drawer .line .art{width:62px;height:62px;padding:0;border:0;background:#fff;border-radius:2px;overflow:hidden;align-items:center}#drawer .line .art img{width:100%;height:100%;object-fit:cover}#drawer .line .nm{font-size:18px;line-height:1.05;margin-bottom:2px}#drawer .line .var{font-family:var(--body);font-size:12.5px;letter-spacing:0;color:var(--steel);margin-bottom:8px;text-transform:none}#drawer .line .abo{display:inline-block;margin:0 0 8px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9fe0ad;border:1px solid #3d6b4a;border-radius:2px;padding:3px 6px}#drawer .line .stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:2px;background:#0d0f11}#drawer .line .stepper button{width:32px;height:34px;background:none;border:0;color:#fff;font-size:15px;cursor:pointer}#drawer .line .stepper span{min-width:26px;text-align:center;font-family:var(--body);font-size:13.5px;color:#fff}#drawer .line .right{gap:5px}#drawer .line .pr{font-size:18px}#drawer .line .rm{font-family:var(--body);font-size:12px;letter-spacing:0;text-transform:none;color:#6f7479;text-decoration:underline;background:none;border:0;cursor:pointer;padding:0}#drawer .line .rm:hover{color:#e08585}#drawer .prio{margin-top:16px}#drawer .prio-knop{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;background:#0d0f11;border:1px solid var(--line);border-radius:2px;padding:13px;transition:border-color .15s,background .15s}#drawer .prio-knop:hover{border-color:#4a5055}#drawer .prio-knop[aria-pressed=true]{border-color:#9fe0ad;background:#0f1512}#drawer .prio-knop .vink{width:18px;height:18px;border:1px solid #4a5055;border-radius:2px;position:relative}#drawer .prio-knop[aria-pressed=true] .vink{border-color:#9fe0ad;background:#9fe0ad}#drawer .prio-knop[aria-pressed=true] .vink:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #0b0c0e;border-width:0 2px 2px 0;transform:rotate(45deg)}#drawer .prio-txt b{display:block;font-family:var(--body);font-weight:500;font-size:14px;color:#fff;line-height:1.2}#drawer .prio-txt i{display:block;font-style:normal;font-size:12px;color:var(--steel);margin-top:3px;line-height:1.4}#drawer .prio-pr{font-family:var(--display);font-weight:900;font-size:16px;color:#fff;white-space:nowrap}#drawer .up{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}#drawer .up h4{margin:0 0 11px}#drawer .up h4 span{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:16px;color:#fff}#drawer .up-why{display:none}#drawer .up-scroll{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;overflow:visible}#drawer .up-card{flex:none;display:flex;flex-direction:column;gap:0;padding:0;background:#0d0f11;border:1px solid var(--line);border-radius:2px;overflow:hidden}#drawer .up-card .art{width:100%;height:auto;aspect-ratio:1/1;margin:0;background:#fff;display:block;overflow:hidden}#drawer .up-card .art img{width:100%;height:100%;object-fit:cover;display:block}#drawer .up-card .nm{font-size:13px;margin:8px 8px 0;line-height:1.05}#drawer .up-card .why{display:none}#drawer .up-card .row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px 8px;margin-top:auto}#drawer .up-card .pr{font-family:var(--display);font-weight:900;font-size:13px;color:#fff}#drawer .up-add{width:28px;height:28px;padding:0;border:0;border-radius:2px;cursor:pointer;font-size:16px;line-height:1;color:#0a0a0a;background:linear-gradient(180deg,#fff,#d7dbde);display:flex;align-items:center;justify-content:center}#drawer .up-add:disabled{opacity:.4}#drawer .upgrade{border:1px solid #3d6b4a;background:linear-gradient(180deg,#111a15,#0b0d0c);padding:15px;margin:16px 0 0}#drawer .upgrade .up-kop .mono{display:block;font-size:9px;letter-spacing:.14em;color:#9fe0ad;margin-bottom:5px}#drawer .upgrade .up-kop b{display:block;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:18px;line-height:1.05;color:#fff}#drawer .upgrade p{margin:7px 0 11px;font-size:12.5px;color:var(--text);line-height:1.45}#drawer .upgrade .btn{padding:14px 16px;font-size:11px}#drawer .upgrade-nee{display:block;width:100%;background:none;border:0;color:#5d6267;text-decoration:underline;cursor:pointer;padding:9px 0 0;font-family:var(--body);font-size:12px;letter-spacing:0;text-transform:none}#drawer .extras{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}#drawer .noteToggle{font-family:var(--body);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--steel);text-decoration:underline;background:none;border:0;cursor:pointer;padding:0}#drawer .note{width:100%;box-sizing:border-box;margin-top:9px;background:#0d0f11;border:1px solid var(--line);color:#fff;padding:11px;font-family:var(--body);font-size:14px;border-radius:2px}#drawer .dr-foot{padding:15px 20px 12px}#drawer .dr-foot .sums{display:grid;gap:0;margin-bottom:11px}#drawer .dr-foot .sums>div{display:none}#drawer .dr-foot .sums .save{display:flex;justify-content:space-between;gap:12px;font-family:var(--body);font-size:13px;letter-spacing:0;text-transform:none;padding-bottom:8px}#drawer .dr-foot .sums .save span{color:#9fe0ad}#drawer .dr-foot .sums .tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--line);padding-top:11px;font-family:var(--body);font-size:13.5px;letter-spacing:0;text-transform:none;color:#fff}#drawer .dr-foot .sums .tot b{font-family:var(--display);font-weight:900;font-size:26px;color:#fff;line-height:1}#drawer .dr-foot .btn{padding:16px 18px;font-size:11.5px;letter-spacing:.12em}#drawer .dr-foot .pay{display:none}#drawer .pay-icons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:0 20px calc(16px + env(safe-area-inset-bottom));background:#0d0f11;border-top:0}#drawer .pay-icons svg{width:38px;height:23px;flex:none}#drawer .pay-icons rect{fill:#15181b;stroke:#2a2d31;stroke-width:1}#drawer .pay-icons text{fill:#c6cacd;font-family:var(--body);font-size:8px;font-weight:600;letter-spacing:.02em}#drawer .pay-icons .mc1{fill:#8b9095;opacity:.9}#drawer .pay-icons .mc2{fill:#c6cacd;opacity:.75}#drawer .empty{padding:44px 0 30px}#drawer .empty .t{font-size:24px}#drawer .empty p{font-size:14px}@media(max-width:560px){#drawer{width:100%}#drawer .dr-head{padding:16px 16px 13px}#drawer .ship{padding:12px 16px}#drawer .dr-body{padding:0 16px 14px}#drawer .line{grid-template-columns:54px 1fr auto;gap:11px;padding:13px 0}#drawer .line .art{width:54px;height:54px}#drawer .line .nm{font-size:16px}#drawer .dr-foot{padding:13px 16px 10px}#drawer .pay-icons{padding:0 16px calc(14px + env(safe-area-inset-bottom));gap:5px}#drawer .pay-icons svg{width:34px;height:21px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/crafd-drawer.css.map */