.w3b-cs{--_fg:var(--w3b-fg,currentColor);--_bg:var(--w3b-bg,#fff);--_muted:var(--w3b-muted,color-mix(in srgb,var(--_fg) 55%,transparent));--_r:var(--w3b-radius,0);display:contents;font:inherit;font-family:var(--w3b-font,inherit);color:var(--_fg);text-align:start;line-height:1.3}.w3b-cs[data-boxed]{display:block;position:relative}.w3b-cs__card-low,.w3b-cs__open,.w3b-cs__panel{font-family:var(--w3b-font,inherit);color:var(--_fg)}@supports not (color:color-mix(in srgb,red 50%,transparent)){.w3b-cs{--_muted:var(--w3b-muted,#767676)}}.w3b-cs__card-low{display:block;margin:.35em 0 0;font-size:.8em;letter-spacing:.02em;color:var(--_muted)}.w3b-cs__open{position:absolute;z-index:var(--w3b-z,3);inset-inline-end:8px;bottom:calc(100% + var(--w3b-lift,0px) + 8px);inline-size:38px;block-size:38px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--_bg);color:var(--_fg);box-shadow:0 1px 3px #0000002e,0 0 0 1px #0000000a;font:inherit;line-height:0;cursor:pointer;padding:0}.w3b-cs__open:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.w3b-cs__open svg{inline-size:14px;block-size:14px;display:block}.w3b-cs__open:focus-visible{outline:2px solid var(--_fg);outline-offset:2px}.w3b-cs__panel{display:block;margin:0}.w3b-cs__title{margin:0 0 .5em;font-size:.85em;color:var(--_muted)}.w3b-cs__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4em}.w3b-cs__item{margin:0}.w3b-cs__size{display:inline-flex;align-items:baseline;gap:.35em;min-inline-size:2.4em;min-block-size:2.4em;padding:.2em .6em;border:1px solid var(--_fg);border-radius:var(--_r);background:var(--_bg);color:var(--_fg);font-size:.85em;text-decoration:none;box-sizing:border-box;justify-content:center}.w3b-cs__size:hover,.w3b-cs__size:focus-visible{background:var(--_fg);color:var(--_bg);outline:none}.w3b-cs__size.is-sold-out{border-color:var(--_muted);color:var(--_muted);cursor:default}.w3b-cs__size.is-sold-out .w3b-cs__value{text-decoration:line-through}.w3b-cs__size.is-sold-out .w3b-cs__note{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.w3b-cs__note{font-size:.8em;color:inherit;opacity:.75}@media(hover:hover)and (pointer:fine){.w3b-cs:not([data-no-hover]) .w3b-cs__panel{display:block;position:absolute;inset-inline:0;bottom:calc(100% + var(--w3b-lift,0px));z-index:var(--w3b-z,3);padding:.75em;background:var(--_bg);opacity:0;visibility:hidden;transition:opacity .15s ease-out,visibility 0s .15s}.w3b-cs:not([data-no-hover]).is-open .w3b-cs__panel{opacity:1;visibility:visible;transition-delay:0s}.w3b-cs:not([data-no-hover]) .w3b-cs__open{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.w3b-cs:not([data-no-hover]) .w3b-cs__open:focus-visible{inline-size:2.75em;block-size:2.75em;clip:auto;overflow:visible}.w3b-cs[data-no-hover] .w3b-cs__panel{display:none}}@media(hover:none),(pointer:coarse){.w3b-cs .w3b-cs__panel,.w3b-cs[data-no-sheet] .w3b-cs__open{display:none}}.w3b-cs__sheet{border:0;padding:0;margin:auto 0 0;inset:auto 0 0;inline-size:100%;max-inline-size:none;max-block-size:85vh;background:var(--w3b-bg,#fff);color:var(--w3b-fg,#000);font-family:var(--w3b-font,inherit);border-start-start-radius:var(--w3b-radius,0);border-start-end-radius:var(--w3b-radius,0);box-sizing:border-box}.w3b-cs__sheet::backdrop{background:#0006}.w3b-cs__sheet[open]{animation:w3b-cs-up .2s ease-out}@keyframes w3b-cs-up{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.w3b-cs__sheet[open]{animation:none}.w3b-cs__panel{transition:none}}.w3b-cs__sheet-inner{padding:1.25em 1.25em calc(1.25em + env(safe-area-inset-bottom));overflow:auto;max-block-size:85vh;box-sizing:border-box}.w3b-cs__sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}.w3b-cs__sheet-title{margin:0;font-size:1em;font-weight:600}.w3b-cs__close{inline-size:2.75em;block-size:2.75em;border:0;background:none;color:inherit;font:inherit;font-size:1.4em;line-height:1;cursor:pointer}.w3b-cs__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.w3b-cs__sheet .w3b-cs__list{display:block}.w3b-cs__sheet .w3b-cs__item+.w3b-cs__item{margin-top:.5em}.w3b-cs__sheet .w3b-cs__size{display:flex;justify-content:space-between;inline-size:100%;min-block-size:3em;font-size:1em;padding:.5em .9em}.w3b-cs__sheet .w3b-cs__size.is-sold-out .w3b-cs__note{position:static;inline-size:auto;block-size:auto;clip:auto;overflow:visible}@media(hover:none),(pointer:coarse){.w3b-cs[data-touch-mode=popover] .w3b-cs__panel{display:block;position:absolute;inset-inline:auto 0;inline-size:max-content;max-inline-size:100%;box-sizing:border-box;top:calc(0px - var(--w3b-lift,0px));z-index:calc(var(--w3b-z,3) + 1);padding:.75em;background:var(--_bg);box-shadow:0 2px 10px #00000024,0 0 0 1px #0000000d;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),visibility 0s .15s}.w3b-cs[data-touch-mode=popover].is-open .w3b-cs__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}.w3b-cs[data-touch-mode=popover] .w3b-cs__open{display:grid}.w3b-cs--portal{display:block;position:absolute;z-index:var(--w3b-z-portal,20);pointer-events:none}.w3b-cs--portal .w3b-cs__panel{pointer-events:auto}.w3b-cs[data-touch-mode=popover].is-open .w3b-cs__open svg{transform:rotate(45deg)}.w3b-cs__open svg{transition:transform .15s cubic-bezier(.16,1,.3,1)}.w3b-cs[data-touch-mode=popover] .w3b-cs__list{gap:0;margin:-7px -4px}.w3b-cs[data-touch-mode=popover] .w3b-cs__item{padding:7px 4px}.w3b-cs[data-touch-mode=popover] .w3b-cs__size{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;min-inline-size:36px;min-block-size:0;padding:8px 12px;border:1px solid color-mix(in srgb,var(--_fg) 55%,transparent);line-height:1.2}.w3b-cs[data-touch-mode=popover] .w3b-cs__size:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);inline-size:max(calc(100% + 8px),44px);block-size:max(calc(100% + 14px),44px)}.w3b-cs[data-touch-mode=popover] .w3b-cs__size.is-sold-out{border-color:color-mix(in srgb,var(--_fg) 25%,transparent);pointer-events:none}.w3b-cs[data-touch-mode=popover] .w3b-cs__size .w3b-cs__note{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.w3b-cs__size{font-family:inherit;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,opacity .15s ease-out}.w3b-cs__size[aria-busy=true]{opacity:.55;pointer-events:none}.w3b-cs__size.is-added{background:var(--_fg);color:var(--_bg)}.w3b-cs__size.is-error{border-color:#b3261e;color:#b3261e}.w3b-cs__error{margin:.5em 0 0;font-size:.8em;color:#b3261e}.w3b-cs__error[hidden]{display:none}@media(prefers-reduced-motion:reduce){.w3b-cs__size,.w3b-cs__open svg,.w3b-cs[data-touch-mode=popover] .w3b-cs__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/w3b-card-sizes.css.map */