.yq-ib{background:var(--yq-ivory)}.yq-ib__head{background:radial-gradient(130% 140% at 50% 0%,var(--yq-wine-bright),var(--yq-wine-deep));color:var(--yq-ivory);text-align:center;padding:var(--yq-space-7) var(--yq-gutter) var(--yq-space-6)}.yq-ib__logo{width:180px;height:auto;margin:0 auto var(--yq-space-4);display:block}.yq-ib__title{margin:0;font-size:var(--yq-h1);line-height:1.05;color:var(--yq-ivory)}.yq-ib__sub{margin:var(--yq-space-3) auto 0;max-width:40ch;font-size:1.5rem;opacity:.9}.yq-ib__price{margin:var(--yq-space-4) 0 0;color:var(--yq-gold);font-size:1.6rem;font-weight:600;letter-spacing:.06em}.yq-ib__tray{position:sticky;top:calc(6.4rem + env(safe-area-inset-top,0px));z-index:20;background:var(--yq-wine);color:var(--yq-ivory);padding:var(--yq-space-3) var(--yq-gutter);box-shadow:0 8px 22px #4509194d}@media screen and (min-width:880px){.yq-ib__tray{top:7.2rem}}.yq-ib__slots{list-style:none;margin:0 auto;padding:0;display:flex;justify-content:center;gap:var(--yq-space-2);max-width:44rem}.yq-ib__slot{position:relative;flex:1 1 0;max-width:7.2rem;aspect-ratio:1;border:1.5px dashed rgba(241,231,214,.45);border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f1e7d60f;font-size:1.6rem}.yq-ib__slot-empty{color:#f1e7d6b3;font-weight:600}.yq-ib__slot.is-filled{border:1.5px solid var(--yq-gold);background:#c9a66b26}.yq-ib__slot img{width:100%;height:100%;object-fit:cover;border-radius:4px}.yq-ib__slot-ph{color:var(--yq-gold)}.yq-ib__slot--mystery{border:1.5px dashed var(--yq-rose-light);color:var(--yq-rose-light);background:#e4a48c1a}.yq-ib__slot-x{position:absolute;top:-.8rem;right:-.8rem;width:2.4rem;height:2.4rem;border-radius:50%;border:0;background:var(--yq-gold);color:var(--yq-on-gold);font-size:1.6rem;line-height:2.4rem;cursor:pointer}.yq-ib__slot-x:focus-visible{outline:2px solid var(--yq-ivory);outline-offset:2px}.yq-ib__slot.is-pop{animation:yq-pop .38s var(--yq-ease)}@keyframes yq-pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}.yq-ib__count{margin:var(--yq-space-2) 0 0;text-align:center;font-size:1.3rem;color:var(--yq-ivory)}.yq-ib__picker{max-width:var(--yq-max);margin:0 auto;padding:var(--yq-space-6) var(--yq-gutter) var(--yq-space-7)}.yq-ib__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yq-space-4) var(--yq-space-3)}@media screen and (min-width:750px){.yq-ib__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.yq-ib__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--yq-space-6) var(--yq-space-5)}}.yq-ib__pick{display:block;width:100%;padding:0;text-align:left;background:none;border:0;cursor:pointer;color:var(--yq-ink);font:inherit;transition:opacity .2s var(--yq-ease)}.yq-ib__pick-media{position:relative;display:block;aspect-ratio:1;border-radius:4px;overflow:hidden;background:var(--yq-offwhite);border:2px solid transparent}.yq-ib__pick-media img,.yq-ib__ph{width:100%;height:100%;object-fit:cover;display:block;fill:var(--yq-line)}.yq-ib__pick[aria-pressed=true] .yq-ib__pick-media{border-color:var(--yq-wine)}.yq-ib__tick{position:absolute;top:.8rem;right:.8rem;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--yq-wine);color:var(--yq-ivory);display:none;align-items:center;justify-content:center;font-size:1.4rem}.yq-ib__pick[aria-pressed=true] .yq-ib__tick{display:flex}.yq-ib__pick-name{display:block;margin-top:var(--yq-space-2);font-family:var(--yq-serif);font-weight:600;font-size:1.8rem;line-height:1.2}.yq-ib__pick-finish{display:block;color:var(--yq-muted);font-size:1.3rem}.yq-ib__pick.is-dim,.yq-ib__pick[disabled]{opacity:.4;cursor:not-allowed}.yq-ib__pick:focus-visible{outline:none}.yq-ib__pick:focus-visible .yq-ib__pick-media{outline:2px solid var(--yq-wine);outline-offset:3px}.yq-ib__empty{text-align:center;color:var(--yq-muted);padding:var(--yq-space-7) 0}.yq-ib__note{margin:var(--yq-space-7) auto 0;max-width:62ch;background:var(--yq-offwhite);border:1px solid var(--yq-line);border-left:3px solid var(--yq-wine);border-radius:3px;padding:var(--yq-space-4) var(--yq-space-5);font-size:1.4rem;color:var(--yq-ink)}.yq-ib__note-title{margin:0 0 var(--yq-space-1);font-weight:600}.yq-ib__note p{margin:0}.yq-ib__dock{position:sticky;bottom:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--yq-space-3);padding:var(--yq-space-3) var(--yq-gutter) calc(var(--yq-space-3) + env(safe-area-inset-bottom,0px));background:var(--yq-offwhite);border-top:1px solid var(--yq-line);box-shadow:0 -6px 18px #2b1b1f14}.yq-ib__meter{margin:0;font-weight:600;font-size:1.5rem;color:var(--yq-ink)}.yq-ib__add{flex:1 1 auto;max-width:36rem;min-height:4.8rem;border:0;border-radius:2px;cursor:pointer;background:var(--yq-wine);color:var(--yq-ivory);font-family:var(--yq-sans);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--yq-label-tracking)}.yq-ib__add:hover:not([disabled]){background:var(--yq-wine-bright)}.yq-ib__add[disabled]{opacity:.45;cursor:not-allowed}.yq-ib__add.is-loading{opacity:.6}.yq-ib__error{flex-basis:100%;margin:0;color:var(--yq-error);font-size:1.4rem}.yq-ib__done{background:radial-gradient(130% 140% at 50% 0%,var(--yq-wine-bright),var(--yq-wine-deep));color:var(--yq-ivory);text-align:center;padding:var(--yq-space-8) var(--yq-gutter)}.yq-ib__done:focus{outline:none}.yq-ib__done-mark{font-size:3.2rem;color:var(--yq-gold)}.yq-ib__done-title{margin:var(--yq-space-2) 0 var(--yq-space-4);font-size:var(--yq-h2);color:var(--yq-ivory)}.yq-ib__done-list{list-style:none;margin:0 auto;padding:0;max-width:42rem;display:grid;gap:var(--yq-space-2)}.yq-ib__done-item{padding:var(--yq-space-2) var(--yq-space-3);border:1px solid var(--yq-gold);border-radius:3px;color:var(--yq-gold);font-size:1.4rem}.yq-ib__done-item--mystery{border-style:dashed;border-color:var(--yq-rose-light);color:var(--yq-rose-light)}.yq-ib__done-sub{margin:var(--yq-space-4) 0 0;opacity:.9}.yq-ib__done-actions{margin-top:var(--yq-space-5);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--yq-space-3)}.yq-ib__btn-gold,.yq-ib__btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:0 var(--yq-space-6);border-radius:2px;font-family:var(--yq-sans);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--yq-label-tracking);text-decoration:none;cursor:pointer}.yq-ib__btn-gold{background:var(--yq-gold);color:var(--yq-on-gold);border:1px solid var(--yq-gold)}.yq-ib__btn-ghost{background:transparent;color:var(--yq-ivory);border:1px solid rgba(241,231,214,.6)}@media(prefers-reduced-motion:reduce){.yq-ib__slot.is-pop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/yq-ishq-box.css.map */
