/* The cart: header count, drawer, toast, "If handy" and the confirmation. Shared by the store pages (concatenated into store.css) and the home page (assets/cart.css). */
.tl2{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--slate);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cartbtn{position:relative;display:inline-flex;align-items:center;gap:8px;color:var(--white);text-decoration:none;font-size:15px;padding:8px 12px;box-shadow:inset 0 0 0 1px var(--slate-rule)}
.cartbtn svg{width:18px;height:18px}.cartbtn:hover{box-shadow:inset 0 0 0 1px var(--mist)}
.cartbtn em{font:500 12px/1 var(--mono);font-style:normal;background:var(--sun);color:var(--shadow);padding:3px 7px;min-width:20px;text-align:center}
.cartbtn em[hidden]{display:none}
.btn.is-in{background:var(--white);color:var(--slate);box-shadow:inset 0 0 0 1px var(--slate)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--slate);color:var(--white);padding:12px 18px;font-size:14px;opacity:0;pointer-events:none;transition:all .2s ease;z-index:60;box-shadow:0 10px 24px rgba(38,43,75,.3)}.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast a{color:var(--white);margin-left:10px;text-decoration:underline}
.cd-back{position:fixed;inset:0;background:rgba(20,24,50,.45);z-index:70}.cd-back[hidden]{display:none}
.cartdrawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--white);z-index:71;display:flex;flex-direction:column;box-shadow:-12px 0 30px rgba(38,43,75,.2);overflow:auto}.cartdrawer[hidden]{display:none}
.cartdrawer header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--rule);color:var(--slate)}
.cartdrawer [data-cart-body]{padding:6px 18px 18px}
.cl-list{list-style:none;margin:0;padding:0}.cl{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:14px}.cl b{color:var(--slate);font-weight:500;display:block}.cl small{display:block;color:var(--grey)}
.cgo{display:grid;gap:10px;margin-top:16px}.cgo .btn{text-align:center}.clinks{margin:0;font-size:14px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.copied{color:var(--slate);font-size:13px}
.cartpage{max-width:760px}.cartpage .cl-list{background:var(--white);border:1px solid var(--rule);padding:0 16px}.often{margin-top:28px}
html.cd-open{overflow:hidden}
.qf-handy{margin:6px 0 12px;border:1px solid var(--rule);padding:8px 12px;background:var(--white)}.qf-handy summary{cursor:pointer;color:var(--slate);font-weight:500;font-size:15px}.qf-handy label{display:block;font-size:14px;margin:10px 0 0}.qf-handy input{display:block;width:100%;margin-top:4px;padding:9px;border:1px solid var(--mist);font:400 15px var(--font)}.qf-handy p{margin:8px 0 0;font-size:13px;color:var(--grey)}
.qf-next{margin:18px 0 0;text-align:left}.qf-next ol{padding-left:0;list-style:none;margin:0}.qf-next li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:0 0 14px}.qf-next i{width:28px;height:28px;border-radius:50%;background:var(--slate);color:var(--white);font:500 12px var(--mono);font-style:normal;display:flex;align-items:center;justify-content:center}.qf-next b{display:block;color:var(--slate);font-weight:500}.qf-next small{color:var(--grey);font-size:14px}
.cartbtn{margin-left:auto}
@media(max-width:1000px){.cartbtn{margin-left:auto}}@media(max-width:700px){.cartbtn span{display:none}}
@media(max-width:700px){.bar .wrap{gap:12px}.cartbtn{padding:8px 10px}}
@media(min-width:1001px) and (max-width:1240px){.cartbtn span{display:none}.cartbtn{padding:8px 10px}.bar .wrap{gap:20px}.nav{gap:18px}}
@media(max-width:700px){.toast{bottom:84px}}
.tl2.off{color:var(--grey);text-decoration:none;cursor:default}