.gb,.gb-modal{--gb-accent: var(--color-primary-button-background);--gb-accent-text: var(--color-primary-button-text);--gb-muted: color-mix(in srgb, var(--color-foreground) 55%, transparent);--gb-line: var(--color-border);--gb-tint: color-mix(in srgb, var(--gb-accent) 6%, var(--color-background));--gb-small: var(--font-body--size-small);--gb-tiny: calc(var(--font-body--size-small) * .85);--gb-micro: calc(var(--font-body--size-small) * .72);font-family:var(--font-body--family);color:var(--color-foreground)}.gb{display:block;width:100%;margin:var(--margin-md) 0 0;padding:0;border:0;background:transparent;font-size:var(--font-body--size);line-height:var(--font-body--line-height)}.gb p{margin:0}.gb__progress,.gb__progress[hidden]{display:none!important}.gb__heading{display:flex;align-items:center;gap:var(--gap-sm);margin:0 0 var(--margin-md)!important}.gb__heading:before,.gb__heading:after{content:"";flex:1;height:var(--separator-border-width);background:var(--gb-line)}.gb__heading>span{display:inline-flex;align-items:center;gap:var(--gap-xs);white-space:nowrap;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--gb-small);letter-spacing:var(--letter-spacing--heading-loose);text-transform:uppercase}.gb__heading-icon{font-size:var(--font-body--size);line-height:1;letter-spacing:0}.gb__slots{display:grid;grid-template-columns:repeat(var(--gb-cols, 3),minmax(0,1fr));gap:var(--gap-sm)}.gb__slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-xs);width:100%;min-height:calc(var(--inputs-min-height) * 2.3);margin:0;padding:var(--padding-md) var(--padding-xs) var(--padding-sm);font:inherit;color:inherit;text-align:center;cursor:pointer;border:var(--inputs-border-width) solid var(--gb-line);border-radius:var(--card-border-radius);background:var(--color-background);transition:border-color var(--animation-speed-fast) var(--animation-easing),background var(--animation-speed-fast) var(--animation-easing),transform var(--animation-speed-fast) var(--animation-easing);-webkit-tap-highlight-color:transparent}.gb__slot:focus-visible{outline:var(--inputs-border-width) solid var(--gb-accent);outline-offset:2px}.gb__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;white-space:nowrap;padding:var(--padding-xxxs) var(--padding-xs);background:var(--gb-accent);color:var(--gb-accent-text);border:0;border-radius:var(--badge-border-radius);font-family:var(--font-body--family);font-size:var(--gb-micro);font-weight:var(--font-subheading--weight);line-height:var(--line-height--body-tight);letter-spacing:var(--letter-spacing--body-loose);text-transform:uppercase}.gb__slot.is-locked .gb__badge{background:color-mix(in srgb,var(--color-foreground) 35%,var(--color-background));color:var(--color-background)}.gb__badge s,.gb-card__price s{display:none}.gb__slot-media{width:calc(var(--inputs-min-height) * 1.1);aspect-ratio:1;display:grid;place-items:center;flex:none;color:var(--gb-muted)}.gb__slot-media img{width:100%;height:100%;object-fit:contain}.gb__slot-media svg{width:60%;height:60%}.gb__slot-name{max-width:100%;font-size:var(--gb-small);font-weight:var(--font-subheading--weight);line-height:var(--line-height--body-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gb__slot-sub{font-size:var(--gb-tiny);color:var(--gb-muted);text-decoration:underline;text-underline-offset:2px}.gb__slot.is-filled{border-color:var(--gb-accent);box-shadow:inset 0 0 0 var(--inputs-border-width) var(--gb-accent);background:var(--gb-tint)}.gb__slot.is-empty{border-style:dashed;border-color:color-mix(in srgb,var(--gb-accent) 55%,transparent)}.gb__slot.is-empty .gb__slot-media,.gb__slot.is-empty .gb__slot-name{color:var(--gb-accent)}.gb__slot.is-locked{background:color-mix(in srgb,var(--color-foreground) 2%,var(--color-background))}.gb__slot.is-locked .gb__slot-name{font-weight:var(--font-body--weight);color:var(--gb-muted);font-size:var(--gb-tiny)}@media(hover:hover){.gb__slot:not(.is-filled):hover{border-color:var(--gb-accent)}.gb__slot:hover{transform:translateY(-1px)}}.gb__slot.is-new{animation:gbPop var(--animation-speed-medium) var(--animation-easing) both}@keyframes gbPop{0%{transform:scale(.9);opacity:.4}60%{transform:scale(1.03);opacity:1}to{transform:none}}.gb__msg{margin:var(--margin-sm) 0 0!important;font-size:var(--gb-small);line-height:var(--line-height--body-tight);text-align:center;color:var(--gb-muted)}.gb__msg.is-max{color:var(--gb-accent);font-weight:var(--font-subheading--weight)}.gb__msg--hidden{display:none}.gb__empty{margin-top:var(--margin-sm)!important;font-size:var(--gb-small);color:var(--gb-muted);text-align:center}@media(max-width:749px){.gb__slot{min-height:calc(var(--inputs-min-height) * 2.1);padding:var(--padding-md) var(--padding-xxs) var(--padding-xs)}.gb__slot-media{width:var(--inputs-min-height)}}body.gb-lock{overflow:hidden}.gb-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--padding-sm)}.gb-modal[hidden]{display:none}.gb-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-shadow);opacity:0;transition:opacity var(--animation-speed) var(--animation-easing)}.gb-modal__panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--modal-width);max-height:var(--modal-max-height);background:var(--color-background);color:var(--color-foreground);border-radius:var(--card-border-radius);outline:none;transform:translateY(16px) scale(.98);opacity:0;box-shadow:var(--modal-shadow);transition:transform var(--animation-speed) var(--animation-easing),opacity var(--animation-speed) var(--animation-easing)}.gb-modal.is-open .gb-modal__overlay{opacity:var(--backdrop-opacity)}.gb-modal.is-open .gb-modal__panel{transform:none;opacity:1}.gb-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm);padding:var(--padding-md) var(--padding-md) var(--padding-sm);border-bottom:var(--separator-border-width) solid var(--gb-line)}.gb-modal__head p{margin:0}.gb-modal__title{font-family:var(--font-h5--family);font-weight:var(--font-h5--weight);font-size:var(--font-h5--size);line-height:var(--font-h5--line-height)}.gb-modal__count{margin-top:var(--margin-xs)!important;font-size:var(--gb-small);color:var(--gb-muted);font-variant-numeric:tabular-nums}.gb-modal__close{flex:none;width:var(--inputs-min-height);height:var(--inputs-min-height);display:grid;place-items:center;padding:0;cursor:pointer;border:0;border-radius:var(--button-border-radius);background:color-mix(in srgb,var(--color-foreground) 6%,transparent);color:inherit}.gb-modal__close svg{width:40%;height:40%}.gb-modal__close:focus-visible,.gb-modal__done:focus-visible,.gb-card:focus-visible{outline:var(--inputs-border-width) solid var(--gb-accent);outline-offset:2px}.gb-modal .gb-modal__tabs{flex:0 0 auto;display:flex;gap:var(--gap-xs);margin:0;padding:var(--padding-sm) var(--padding-md) var(--padding-xxs);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.gb-modal .gb-modal__tabs::-webkit-scrollbar{display:none}.gb-modal .gb-modal__tabs:empty{display:none}.gb-modal .gb-modal__tabs .gb-tab{flex:0 0 auto;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:auto!important;min-height:var(--tab-button-min-height);margin:0;padding:var(--tab-button-padding-vertical) var(--tab-button-padding-horizontal)!important;font-family:inherit;font-size:var(--tab-button-font-size)!important;line-height:var(--line-height--body-tight)!important;letter-spacing:var(--letter-spacing--body-normal)!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap;color:var(--color-tab-text);background:var(--color-tab-background);border:var(--tab-button-border-width) solid var(--color-tab-border);border-radius:var(--button-border-radius);cursor:pointer;transition:background var(--animation-speed-fast) var(--animation-easing),color var(--animation-speed-fast) var(--animation-easing),border-color var(--animation-speed-fast) var(--animation-easing)}.gb-modal .gb-modal__tabs .gb-tab:hover{border-color:var(--color-selected-tab-border)}.gb-modal .gb-modal__tabs .gb-tab.is-active{background:var(--color-selected-tab-background);color:var(--color-selected-tab-text);border-color:var(--color-selected-tab-border)}.gb-modal__grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-sm);margin:0;padding:var(--padding-sm) var(--padding-md) var(--padding-md);list-style:none;overflow-y:auto;overscroll-behavior:contain}.gb-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xxs);width:100%;height:100%;margin:0;padding:var(--padding-xs);font:inherit;color:inherit;text-align:center;cursor:pointer;border:var(--inputs-border-width) solid var(--gb-line);border-radius:var(--card-border-radius);background:var(--color-background);transition:border-color var(--animation-speed-fast) var(--animation-easing),opacity var(--animation-speed-fast) var(--animation-easing)}.gb-card__media{position:relative;width:100%;max-width:calc(var(--inputs-min-height) * 1.9);aspect-ratio:1;display:grid;place-items:center;color:var(--gb-muted)}.gb-card__media img{width:100%;height:100%;object-fit:contain}.gb-card__media>svg{width:40%;height:40%}.gb-card__check{position:absolute;top:0;right:0;width:var(--checkbox-size);height:var(--checkbox-size);display:grid;place-items:center;background:var(--gb-accent);color:var(--gb-accent-text);border-radius:var(--checkbox-border-radius);opacity:0;transform:scale(.5);transition:opacity var(--animation-speed-fast) var(--animation-easing),transform var(--animation-speed-fast) var(--animation-easing)}.gb-card__check svg{width:60%;height:60%}.gb-card__name{font-size:var(--gb-small);font-weight:var(--font-subheading--weight);line-height:var(--line-height--body-tight)}.gb-card__price{font-size:var(--gb-micro)}.gb-card__price b{color:var(--gb-accent);font-weight:var(--font-subheading--weight);text-transform:uppercase;letter-spacing:var(--letter-spacing--body-loose)}.gb-card__cta{width:100%;margin-top:auto;padding:var(--padding-xxs) var(--padding-xs);text-align:center;font-size:var(--gb-tiny);font-weight:var(--button-secondary-font-weight);text-transform:var(--button-secondary-text-transform);border:var(--inputs-border-width) solid var(--gb-accent);border-radius:var(--button-border-radius);color:var(--gb-accent);transition:background var(--animation-speed-fast) var(--animation-easing),color var(--animation-speed-fast) var(--animation-easing)}.gb-card.is-on{border-color:var(--gb-accent);box-shadow:inset 0 0 0 var(--inputs-border-width) var(--gb-accent);background:var(--gb-tint)}.gb-card.is-on .gb-card__check{opacity:1;transform:none}.gb-card.is-on .gb-card__cta{background:var(--gb-accent);color:var(--gb-accent-text)}.gb-card:disabled{cursor:not-allowed;opacity:.45}.gb-card:disabled .gb-card__cta{border-color:var(--gb-line);color:var(--gb-muted)}@media(hover:hover){.gb-card:not(:disabled):not(.is-on):hover{border-color:var(--gb-accent)}}.gb-modal__foot{padding:var(--padding-sm) var(--padding-md) calc(var(--padding-sm) + env(safe-area-inset-bottom));border-top:var(--separator-border-width) solid var(--gb-line)}.gb-modal__done{width:100%;min-height:var(--inputs-min-height);padding:var(--button-padding-vertical) var(--button-padding-horizontal);cursor:pointer;font:inherit;font-size:var(--button-font-size);font-weight:var(--button-primary-font-weight);letter-spacing:var(--button-letter-spacing);text-transform:var(--button-primary-text-transform);border:var(--button-primary-border-width) solid var(--color-primary-button-border);border-radius:var(--button-border-radius);background:var(--color-primary-button-background);color:var(--color-primary-button-text)}@media(min-width:750px){.gb-modal{padding:var(--padding-lg)}.gb-modal__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-height:520px){.gb-modal__panel{max-height:calc(100dvh - 2 * var(--padding-sm))}}.gb-modal.is-contained .gb-modal__panel{max-height:min(var(--modal-max-height),calc(100% + 2 * var(--padding-sm)))}@media(min-width:750px){.gb-modal.is-contained .gb-modal__panel{max-height:min(var(--modal-max-height),calc(100% + 2 * var(--padding-lg)))}}@media(prefers-reduced-motion:reduce){.gb *,.gb-modal *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gift-box.css.map */