.wfr-bag{z-index:99;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--color-paper-50);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.wfr-bag:not([open]){display:none}.wfr-bag::backdrop{background:0 0}@media (prefers-reduced-motion:no-preference){.wfr-bag__veil{opacity:0;visibility:hidden}.wfr-bag__panel{transform:translate(100%)}}.wfr-bag__veil{background:color-mix(in srgb, var(--color-ink-950) 68%, transparent);cursor:pointer;position:absolute;inset:0}.wfr-bag__panel{--bag-pad:clamp(1.25rem, .95rem + .9vw, 2rem);--bag-rule:color-mix(in srgb, var(--color-paper-50) 10%, transparent);background:var(--color-ink-900);width:min(100% - 2.5rem,max(25rem,34vw));color:var(--color-paper-50);font-family:var(--font-montserrat), var(--font-body);border-left:1px solid var(--bag-rule);flex-direction:column;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-1.5rem 0 4rem #00000080}.wfr-bag__head{padding:var(--bag-pad) var(--bag-pad) 1.25rem;border-bottom:1px solid var(--bag-rule);flex:none;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.wfr-bag__heading{min-width:0;padding-top:.5rem}.wfr-bag__title{font:inherit;margin:0}.wfr-bag .wfr-bag__eyebrow{color:var(--color-paper-50);font-family:var(--font-montserrat), var(--font-body);letter-spacing:.08rem;margin:0;font-size:.75rem;font-weight:600;line-height:1rem}.wfr-bag .wfr-bag__count{font-variant-numeric:tabular-nums;margin:.85rem 0 0}.wfr-bag__close{border:1px solid var(--color-mute-400);background:var(--color-ink-850);width:2.5rem;height:2.5rem;color:var(--color-paper-50);cursor:pointer;transition:border-color .3s var(--ease-lux), color .3s var(--ease-lux), background-color .3s var(--ease-lux);border-radius:0;flex:none;place-items:center;padding:0;display:grid}.wfr-bag__close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:.95rem;height:.95rem;transition:transform .45s var(--ease-lux)}.wfr-bag__close:hover,.wfr-bag__close:focus-visible{border-color:var(--color-paper-50);color:var(--color-gold-400);background:var(--color-ink-800)}.wfr-bag__close:hover svg{transform:rotate(90deg)}.wfr-bag__close:active{transform:scale(.96)}.wfr-bag__empty{padding:2rem var(--bag-pad) clamp(3rem, 12vh, 7rem);text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex;overflow-y:auto}.wfr-bag__mark{border:1px solid color-mix(in srgb, var(--color-gold-400) 55%, transparent);background:color-mix(in srgb, var(--color-gold-400) 6%, transparent);width:6rem;height:6rem;color:var(--color-gold-400);border-radius:0;flex:none;place-items:center;display:grid}.wfr-bag__mark-icon{width:2.6rem;height:2.6rem}.wfr-bag .wfr-bag__headline{text-wrap:balance;margin:1.75rem 0 0}.wfr-bag__button{gap:1.25rem;margin-top:1.75rem;text-decoration:none}.wfr-bag__button--block{width:100%;margin-top:.25rem}.wfr-bag :is(a,button):focus-visible{outline:4px solid var(--color-gold-400);outline-offset:2px}.wfr-bag__lines{min-height:0;padding:.25rem var(--bag-pad);overscroll-behavior:contain;flex:auto;margin:0;list-style:none;overflow-y:auto}.wfr-bag__line{border-bottom:1px solid var(--bag-rule);grid-template-columns:5.5rem 1fr;gap:1rem;padding:1.25rem 0;display:grid}.wfr-bag__line:last-child{border-bottom:0}.wfr-bag__thumb{aspect-ratio:4/5;background:var(--color-ink-800);font-family:var(--font-montserrat), var(--font-body);letter-spacing:.08rem;color:color-mix(in srgb, var(--color-paper-50) 45%, transparent);border-radius:0;place-items:center;font-size:.75rem;font-weight:600;display:grid;position:relative;overflow:hidden}.wfr-bag__thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wfr-bag__body{flex-direction:column;min-width:0;display:flex}.wfr-bag__row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.wfr-bag__row--controls{align-items:center;margin-top:auto;padding-top:.75rem}.wfr-bag .wfr-bag__name{min-width:0;color:inherit;transition:color .25s var(--ease-lux);text-decoration:none}.wfr-bag__name:hover{color:var(--color-gold-400)}.wfr-bag__price{letter-spacing:.02rem;font-variant-numeric:tabular-nums;flex:none;margin:0;font-size:.875rem;font-weight:600;line-height:1.25rem}.wfr-bag__variant{letter-spacing:.02rem;color:color-mix(in srgb, var(--color-paper-50) 62%, transparent);margin:.3rem 0 0;font-size:.75rem;line-height:1rem}.wfr-bag__qty{background:color-mix(in srgb, var(--color-paper-50) 8%, transparent);font-variant-numeric:tabular-nums;border-radius:0;align-items:center;height:2.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.wfr-bag__qty span{text-align:center;min-width:1.5rem}.wfr-bag__qty button{width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;transition:background-color .25s var(--ease-lux), color .25s var(--ease-lux);background:0 0;border:0;border-radius:0;place-items:center;display:grid}.wfr-bag__qty button:hover:not(:disabled){background:color-mix(in srgb, var(--color-gold-400) 16%, transparent);color:var(--color-gold-400)}.wfr-bag__qty button:disabled{cursor:default;opacity:.35}.wfr-bag__qty svg{width:.75rem;height:.75rem}.wfr-bag__remove{border:1px solid var(--color-mute-400);min-height:2rem;color:color-mix(in srgb, var(--color-paper-50) 82%, transparent);letter-spacing:.16rem;text-transform:uppercase;cursor:pointer;transition:border-color .25s var(--ease-lux), color .25s var(--ease-lux);background:0 0;border-radius:0;align-items:center;padding:0 .9rem;font-size:.625rem;font-weight:600;line-height:1;display:inline-flex}.wfr-bag__remove:hover{border-color:var(--color-gold-400);color:var(--color-gold-400)}.wfr-bag__foot{padding:1.25rem var(--bag-pad) calc(var(--bag-pad) + env(safe-area-inset-bottom));border-top:1px solid var(--bag-rule);background:var(--color-ink-900);flex-direction:column;flex:none;align-items:stretch;gap:.75rem;display:flex}.wfr-bag .wfr-bag__total{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;display:flex}.wfr-bag__note{letter-spacing:.02rem;color:color-mix(in srgb, var(--color-paper-50) 62%, transparent);margin:-.25rem 0 .25rem;font-size:.75rem;line-height:1.45}.wfr-bag__text{border:1px solid var(--color-paper-100);color:var(--color-paper-100);letter-spacing:.16rem;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:.65rem 1.25rem;font-size:.625rem;font-weight:600;line-height:1rem;transition:background-color .3s,border-color .3s;display:inline-flex}@media (min-width:768px){.wfr-bag__text{font-size:.75rem}}.wfr-bag__text:hover{border-color:var(--color-mute-400)}.wfr-bag__text:active{background:color-mix(in srgb, var(--color-paper-50) 8%, transparent)}@media (max-height:700px){.wfr-bag__panel{--bag-pad:1.25rem}.wfr-bag__head{padding-bottom:.9rem}.wfr-bag__heading{padding-top:.5rem}.wfr-bag .wfr-bag__count{margin-top:.55rem}.wfr-bag__line{grid-template-columns:4.5rem 1fr;padding:.9rem 0}.wfr-bag__row--controls{padding-top:.5rem}.wfr-bag__foot{gap:.5rem;padding-top:.9rem}}@media (prefers-reduced-motion:reduce){.wfr-bag__close,.wfr-bag__close svg,.wfr-bag__qty button,.wfr-bag__remove,.wfr-bag__text,.wfr-bag__name{transition:none}.wfr-bag__close:hover svg{transform:none}}