.set-picker{--sp-navy: var(--kr-ink);--sp-gold: var(--kr-gold);--sp-border: var(--kr-line);--sp-bg-soft: var(--kr-bg-warm);--sp-card-w: 88px;margin:4px 0 0;min-width:0;max-width:100%}.set-picker__heading{margin:0 0 6px;font-family:var(--text-font-family, inherit);font-weight:700;font-size:.98rem;color:rgb(var(--text-color, 50 66 102))}.product-form>.candyrack-ppp-button-layout:not(:has([data-cr-block-id]>*))~.set-picker{margin-top:-2px}set-picker-scroller,.set-picker__viewport{display:block;position:relative;min-width:0;max-width:100%}.set-picker__track{min-width:0;max-width:100%}.set-picker__fade{position:absolute;top:2px;bottom:10px;width:36px;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:1}.set-picker__fade--right{right:-2px;background:linear-gradient(to left,#fff 12%,#fff0)}.set-picker__fade--left{left:-2px;background:linear-gradient(to right,#fff 12%,#fff0)}.set-picker__viewport.has-next .set-picker__fade--right,.set-picker__viewport.has-prev .set-picker__fade--left{opacity:1}.set-picker__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--sp-border);border-radius:50%;background:#fffffff5;color:var(--sp-navy);box-shadow:0 2px 10px #32426629;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s ease,border-color .15s ease}.set-picker__nav--next{right:-6px}.set-picker__nav--prev{left:-6px}.set-picker__viewport.has-next .set-picker__nav--next,.set-picker__viewport.has-prev .set-picker__nav--prev{opacity:1;pointer-events:auto}.set-picker__nav:hover{border-color:var(--sp-navy)}.set-picker__track{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 5px;margin:0 -2px;scrollbar-width:thin}.set-picker__track::-webkit-scrollbar{height:5px}.set-picker__track::-webkit-scrollbar-thumb{background:var(--sp-border);border-radius:5px}.set-picker__card{scroll-snap-align:start;flex:0 0 var(--sp-card-w);width:var(--sp-card-w);display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 6px 8px;border:1px solid var(--sp-border);border-radius:10px;background:#fff;text-decoration:none;color:var(--sp-navy);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}a.set-picker__card:hover{border-color:var(--sp-navy);box-shadow:0 6px 16px #3242661f;transform:translateY(-1px)}.set-picker__media{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:var(--sp-bg-soft);display:flex;align-items:center;justify-content:center}.set-picker__media img{width:100%;height:100%;object-fit:cover;display:block}.set-picker__media-placeholder,.set-picker__tile-ph{display:flex;align-items:center;justify-content:center;line-height:0;color:var(--sp-navy)}.set-picker__media-placeholder .kr-icon,.set-picker__tile-ph .kr-icon{display:block}.set-picker__label,.set-picker__price,.set-picker__ghost-label,.set-picker__ghost-sub,.set-picker__tile-label{max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.set-picker__label{font-size:.8rem;font-weight:700;line-height:1.2;text-align:center;color:var(--sp-navy)}.set-picker__price{font-size:.76rem;line-height:1.1;color:var(--kr-ink-2)}.set-picker__card--current{border-color:var(--sp-navy);border-width:2px;padding:5px 5px 7px;background:#fff;cursor:default}.set-picker__current-tag{font-size:var(--kr-fs-label);font-weight:700;letter-spacing:.02em;color:var(--kr-white);background:var(--sp-navy);border-radius:var(--kr-radius-label);padding:2px 6px;margin-top:-1px;white-space:nowrap}.set-picker__media.is-soldout img{filter:grayscale(1);opacity:.55}.set-picker__soldout-badge{position:absolute;top:5px;left:5px;font-size:var(--kr-fs-label);font-weight:700;color:var(--sp-navy);background:#ffffffeb;border:1px solid var(--sp-border);border-radius:var(--kr-radius-label);padding:1px 6px}.set-picker__card--soldout .set-picker__label,.set-picker__card--soldout .set-picker__price{color:var(--kr-ink-2)}.set-picker__ghost{position:relative;border:1.5px dashed rgba(50,66,102,.45);background:transparent;justify-content:center;text-align:center;gap:5px}.set-picker__ghost-discount{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:var(--kr-radius-label);background:#f6efd9;box-shadow:inset 0 0 0 1px var(--kr-gold);color:var(--kr-ink-dark);font-size:12px;font-weight:700;line-height:1.3;letter-spacing:0;white-space:nowrap}.set-picker__ghost:hover{border-color:var(--sp-gold);box-shadow:none}.set-picker__ghost-icon{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;color:var(--sp-gold)}.set-picker__ghost-label{font-size:.8rem;font-weight:700;line-height:1.2;color:var(--sp-navy)}.set-picker__ghost-sub{font-size:.72rem;line-height:1.2;color:var(--kr-ink-2)}@media screen and (min-width:750px){.set-picker{--sp-card-w: 92px}}.set-picker--dimensions{display:flex;flex-direction:column;gap:16px}.set-picker__dim{margin:0}.set-picker__dim-title{margin:0 0 8px;font-family:var(--text-font-family, inherit);font-weight:700;font-size:.95rem;color:rgb(var(--text-color, 50 66 102))}.set-picker__dim-current{font-weight:var(--text-font-weight);color:var(--kr-ink-2)}.set-picker__dim-tiles{display:flex;flex-wrap:wrap;gap:7px}.set-picker__tile{flex:0 0 100px;width:100px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 6px 8px;border:1px solid var(--sp-border);border-radius:10px;background:#fff;text-decoration:none;color:var(--sp-navy);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}a.set-picker__tile:hover{border-color:var(--sp-navy);box-shadow:0 6px 16px #3242661f;transform:translateY(-1px)}.set-picker__tile--active{border-color:var(--sp-navy);border-width:2px;padding:5px 5px 7px;cursor:default}.set-picker__tile--disabled{opacity:.4;filter:grayscale(1);cursor:not-allowed}.set-picker__tile-media{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:var(--sp-bg-soft);display:flex;align-items:center;justify-content:center}.set-picker__tile-media img{width:100%;height:100%;object-fit:cover;display:block}.set-picker__tile-media.is-soldout img{filter:grayscale(1);opacity:.55}.set-picker__tile-label{font-size:.8rem;font-weight:700;line-height:1.2;text-align:center;color:var(--sp-navy)}@media screen and (min-width:750px){.set-picker__tile{flex-basis:112px;width:112px}}.set-picker__fade{display:none}.set-picker__track{margin:0;padding:2px 2px 6px;scroll-padding-inline:0;scrollbar-width:none}.set-picker__track::-webkit-scrollbar{display:none}.set-picker__viewport.has-next .set-picker__track{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.set-picker__viewport.has-prev .set-picker__track{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}.set-picker__viewport.has-prev.has-next .set-picker__track{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.set-picker__nav{display:none}@media screen and (min-width:1000px){.set-picker__nav{display:flex;width:28px;height:28px;box-shadow:none;background:#fff}.set-picker__nav--next{right:-34px}.set-picker__nav--prev{left:-34px}}.set-picker__card{position:relative}.set-picker__card--current{border:2px solid var(--sp-navy);padding:5px 5px 7px}.set-picker__check{position:absolute;top:-7px;right:-7px;z-index:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--sp-navy);color:#fff;box-shadow:0 0 0 2px #fff}.set-picker__track{padding-top:8px;padding-right:8px}.set-picker__label{-webkit-hyphens:manual;hyphens:manual}.set-picker__price{font-size:var(--kr-fs-xs)}@media screen and (min-width:1000px){.set-picker__track{display:grid;grid-template-columns:repeat(var(--sp-cols, 3),minmax(0,1fr));gap:10px;overflow:visible;padding:8px 8px 2px 2px;-webkit-mask-image:none!important;mask-image:none!important}.set-picker__card{width:auto;flex:none;min-width:0}.set-picker__nav,.set-picker__fade{display:none!important}}@media screen and (min-width:1000px){.set-picker__track{max-width:calc(var(--sp-cols, 3) * 140px)}}.set-picker__info{font-size:12px;line-height:1.3;text-align:center;color:var(--kr-ink-2, #5b6680)}.set-picker__badge{position:absolute;top:-8px;left:6px;z-index:1;padding:2px 6px;border-radius:5px;background:var(--kr-ink, #324266);color:#fff;font-size:12px;line-height:1.3;font-weight:700}@media screen and (max-width:740px){.set-picker__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;margin:0;padding:8px 0 2px;scroll-snap-type:none;-webkit-mask-image:none!important;mask-image:none!important}.set-picker__card{flex:none;width:auto;min-width:0;gap:4px;padding:8px 4px}.set-picker__card--current{padding:7px 3px}.set-picker__media,.set-picker__ghost-icon{width:64px;max-width:100%}.set-picker__label,.set-picker__ghost-label{font-size:13px;line-height:1.25}.set-picker__price,.set-picker__ghost-sub{font-size:13px;font-weight:var(--kr-fw-small);line-height:1.25}.set-picker__info{font-size:12px}.set-picker__ghost-discount{top:-9px;left:50%;transform:translate(-50%)}.set-picker__nav,.set-picker__fade{display:none!important}}@media screen and (min-width:1000px){.set-picker__track{max-width:none;gap:12px;padding:8px 8px 2px 0}.set-picker__card{gap:6px;padding:8px 8px 10px}.set-picker__card--current{padding:7px 7px 9px}.set-picker__label,.set-picker__ghost-label{font-size:14px;line-height:1.3}.set-picker__price,.set-picker__ghost-sub,.set-picker__info{font-size:13px;font-weight:var(--kr-fw-small);line-height:1.3}.set-picker__badge{font-size:12px}}@media screen and (max-width:740px){.set-picker__track{gap:6px;padding-top:10px}.set-picker__track:has(.set-picker__ghost-discount){row-gap:16px}.set-picker__card{padding:6px 4px;gap:2px}.set-picker__card--current{padding:5px 3px}.set-picker__media,.set-picker__ghost-icon{width:52px}.set-picker--swipe .set-picker__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 2px 4px;margin:0 calc(-1 * var(--kr-gutter, 20px));padding-left:var(--kr-gutter, 20px);padding-right:var(--kr-gutter, 20px)}.set-picker--swipe .set-picker__track::-webkit-scrollbar{display:none}.set-picker--swipe .set-picker__card{flex:0 0 31%;scroll-snap-align:start}}@media screen and (min-width:1000px){.set-picker__track{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important;gap:8px;max-width:620px}.set-picker__card{gap:4px;padding:8px 6px 9px}.set-picker__card--current{padding:7px 5px 8px}.set-picker__media,.set-picker__ghost-icon{width:72px;max-width:100%;margin-left:auto;margin-right:auto}.set-picker__label,.set-picker__ghost-label{font-size:13px;line-height:1.25}.set-picker__price,.set-picker__ghost-sub,.set-picker__info{font-size:12px;font-weight:var(--kr-fw-small);line-height:1.25}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/set-picker.css.map */