.bigens-set-ball{position:relative;display:inline-block;flex:none;inline-size:var(--ball-size, 28px);aspect-ratio:1;border-radius:50%;background:var(--ball-color, var(--bigens-black));box-shadow:inset 0 0 0 1px rgb(var(--bigens-black-rgb) / .12)}.bigens-set-ball:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bigens-off-white);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M79.49 21.52A41 41 0 0 1 89.41 38.7' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='90.94' cy='47.85' r='2.6'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M79.49 21.52A41 41 0 0 1 89.41 38.7' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='90.94' cy='47.85' r='2.6'/%3E%3C/svg%3E") center / 100% 100% no-repeat;pointer-events:none}.bigens-set-tray{--bigens-box-padding: 14px;--set-tray-grey: rgb(var(--color-foreground-rgb) / .06);--set-tray-line: rgb(var(--color-foreground-rgb) / .16);--set-tray-muted: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7));--set-tray-accent: var(--bigens-blue);display:grid;gap:10px;inline-size:100%;min-inline-size:0}.bigens-set-tray__head{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}.bigens-set-tray__title{margin:0;font-family:var(--font-body--family);font-size:var(--bigens-fs-h4, 1rem);font-weight:600;line-height:1.3}.bigens-set-tray__hint{margin:0;font-size:.75rem;line-height:1.3;color:var(--set-tray-muted)}.bigens-set-tray__slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.bigens-set-tray__slot{position:relative;min-inline-size:0;aspect-ratio:1 / 1.1;border-radius:10px}@media screen and (min-width:750px){.bigens-set-tray__slot{aspect-ratio:1}}.bigens-set-tray__slot.is-filled{background:var(--set-tray-grey)}.bigens-set-tray__slot.is-unavailable{outline:1px solid var(--color-error, var(--bigens-red-shade))}.bigens-set-tray__family{position:absolute;inset-block-start:6px;inset-inline-start:6px;inline-size:8px;block-size:8px;border-radius:50%;background:var(--bigens-black)}.bigens-set-tray__slot[data-family=play] .bigens-set-tray__family{background:var(--bigens-family-play)}.bigens-set-tray__slot[data-family=hoppi] .bigens-set-tray__family{background:var(--bigens-family-hoppi)}.bigens-set-tray__slot[data-family=animal-hopper] .bigens-set-tray__family{background:var(--bigens-family-animal-hopper)}.bigens-set-tray__pick{--ball-size: 46px;display:grid;justify-items:center;align-content:center;gap:4px;inline-size:100%;block-size:100%;padding:10px 4px 6px;border:0;border-radius:inherit;background:none;color:inherit;font:inherit;font-size:.6875rem;line-height:1.2;text-align:center;cursor:default}button.bigens-set-tray__pick{cursor:pointer}button.bigens-set-tray__pick:hover{background:rgb(var(--color-foreground-rgb) / .04)}.bigens-set-tray__pick:focus-visible,.bigens-set-tray__empty:focus-visible,.bigens-set-tray__add:focus-visible{outline:2px solid var(--set-tray-accent);outline-offset:2px}.bigens-set-tray__image{inline-size:46px;block-size:46px;border-radius:50%;object-fit:cover}.bigens-set-tray__name,.bigens-set-tray__meta{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bigens-set-tray__name{font-weight:600}.bigens-set-tray__meta{color:var(--set-tray-muted)}.bigens-set-tray__remove{position:absolute;inset-block-start:2px;inset-inline-end:2px;display:grid;place-items:center;inline-size:28px;block-size:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-foreground);cursor:pointer}.bigens-set-tray__remove:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid var(--set-tray-line);border-radius:50%;background:var(--color-background)}.bigens-set-tray__remove:hover:before{border-color:var(--color-foreground)}.bigens-set-tray__remove:focus-visible{outline:2px solid var(--set-tray-accent);outline-offset:-2px}.bigens-set-tray__remove-icon{position:relative;inline-size:8px;block-size:8px;background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat;rotate:45deg}.bigens-set-tray__slot.is-empty{border:1.5px dashed var(--set-tray-line)}.bigens-set-tray__empty{display:grid;justify-items:center;align-content:center;gap:6px;inline-size:100%;block-size:100%;padding:6px 4px;border:0;border-radius:inherit;background:none;color:var(--set-tray-muted);font:inherit;font-size:.6875rem;line-height:1.2;cursor:pointer}.bigens-set-tray__empty:hover{color:var(--color-foreground)}.bigens-set-tray__plus,.bigens-set-tray__add-plus{position:relative;display:inline-block;inline-size:28px;block-size:28px;border:1.5px solid currentColor;border-radius:50%;opacity:.6}.bigens-set-tray__plus:before,.bigens-set-tray__add-plus:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat}.bigens-set-tray__tier{margin-block-start:2px}.bigens-set-tray__track{position:relative;block-size:5px;margin:0 4px 6px;border-radius:3px;background:rgb(var(--color-foreground-rgb) / .1);overflow:hidden}.bigens-set-tray__fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(100% * var(--set-progress, 0));min-inline-size:5px;border-radius:3px;background:var(--set-tray-accent);transition:inline-size var(--animation-speed, .2s) ease}.bigens-set-tray__marks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;font-size:.6875rem;line-height:1.35;color:var(--set-tray-muted)}.bigens-set-tray__mark{display:grid;min-inline-size:0;text-align:center}.bigens-set-tray__mark:first-child{text-align:start}.bigens-set-tray__mark:last-child{text-align:end}.bigens-set-tray__mark-count,.bigens-set-tray__mark.is-active .bigens-set-tray__mark-saving{font-weight:600;color:var(--color-foreground)}.bigens-set-tray__nudge{--ball-size: 18px;--ball-color: var(--set-tray-accent);display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:var(--style-border-radius-sm, 8px);background:var(--set-tray-tint, var(--bigens-family-play-tint));color:var(--bigens-black);font-size:.8125rem;line-height:1.35}.bigens-set-tray__nudge[hidden]{display:none}.bigens-set-tray__add{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;inline-size:100%;min-block-size:44px;padding:6px 16px;border:1.5px solid var(--color-foreground);border-radius:var(--style-border-radius-pills, 999px);background:transparent;color:var(--color-foreground);font:inherit;font-size:.875rem;font-weight:600;line-height:1.2;cursor:pointer}.bigens-set-tray__add[hidden]{display:none}.bigens-set-tray__add:hover{background:rgb(var(--color-foreground-rgb) / .04)}.bigens-set-tray__add-plus{inline-size:20px;block-size:20px;opacity:1}.bigens-set-tray__add-plus:before{top:4px;right:4px;bottom:4px;left:4px}.bigens-set-tray__add-hint{font-weight:400;color:var(--set-tray-muted)}@media screen and (min-width:750px){.bigens-set-tray__add-hint:before{content:"\b7  "}}[data-family=play] .bigens-set-tray,.bigens-set-tray[data-family=play]{--set-tray-tint: var(--bigens-family-play-tint);--set-tray-accent: var(--bigens-family-play)}[data-family=hoppi] .bigens-set-tray,.bigens-set-tray[data-family=hoppi]{--set-tray-tint: var(--bigens-family-hoppi-tint);--set-tray-accent: var(--bigens-family-hoppi)}[data-family=animal-hopper] .bigens-set-tray,.bigens-set-tray[data-family=animal-hopper]{--set-tray-tint: var(--bigens-family-animal-hopper-tint);--set-tray-accent: var(--bigens-family-play)}@media screen and (max-width:749px){.bigens-set-tray{--bigens-box-padding: 12px}.bigens-set-tray__slots{gap:6px}.bigens-set-tray__slot{aspect-ratio:1 / 1.35}.bigens-set-tray__meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.bigens-set-tray__pick{--ball-size: 38px;gap:3px;padding:9px 2px 5px}.bigens-set-tray__image{inline-size:40px;block-size:40px}.bigens-set-tray__add-hint{flex-basis:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.bigens-set-tray__fill{transition:none}}.bigens-set-tray__mix-link{justify-self:center;align-self:center;display:inline-flex;align-items:center;min-block-size:44px;font-size:.875rem;font-weight:600;color:var(--color-foreground);text-decoration:underline;text-underline-offset:.2em}.bigens-set-tray__mix-link[hidden],.bigens-set-tray__add-hint[hidden],.bigens-set-tray__hint[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bigens-set-tray.css.map */