.ral-picker{--ral-picker-border: rgba(var(--color-foreground), .16);--ral-picker-muted: rgba(var(--color-foreground), .66);--ral-picker-soft: rgba(var(--color-foreground), .055);--ral-picker-shadow: 0 12px 34px rgba(18, 24, 32, .12);margin:1.6rem 0}.ral-picker__details{position:relative;border:.1rem solid var(--ral-picker-border);border-radius:1.4rem;background:rgb(var(--color-background));transition:border-color .16s ease,box-shadow .16s ease}.ral-picker__details[open]{border-color:rgba(var(--color-foreground),.28);box-shadow:var(--ral-picker-shadow)}.ral-picker__summary{display:grid;grid-template-columns:4rem minmax(0,1fr) 2rem;align-items:center;min-height:6.2rem;padding:1rem 1.4rem;gap:1.1rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.ral-picker__summary::-webkit-details-marker{display:none}.ral-picker__summary:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.3rem;border-radius:1.2rem}.ral-picker__summary-swatch{width:4rem;height:4rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:1rem;background:linear-gradient(135deg,rgba(var(--color-foreground),.06) 25%,transparent 25%) 0 0 / 1rem 1rem,linear-gradient(315deg,rgba(var(--color-foreground),.06) 25%,transparent 25%) 0 0 / 1rem 1rem,rgb(var(--color-background));box-shadow:inset 0 0 0 .1rem #ffffff40;transition:background .16s ease,transform .16s ease}.ral-picker.has-selection .ral-picker__summary-swatch{background:var(--selected-ral-color);transform:scale(1.03)}.ral-picker__summary-copy{display:flex;min-width:0;flex-direction:column;gap:.1rem}.ral-picker__label{color:rgb(var(--color-foreground));font-size:1.35rem;font-weight:650;line-height:1.3}.ral-picker__selection{overflow:hidden;color:var(--ral-picker-muted);font-size:1.3rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.ral-picker.has-selection .ral-picker__selection{color:rgb(var(--color-foreground));font-weight:600}.ral-picker__chevron{width:2rem;height:2rem;transition:transform .18s ease}.ral-picker__details[open] .ral-picker__chevron{transform:rotate(180deg)}.ral-picker__panel{padding:0 1.4rem 1.4rem;border-top:.1rem solid var(--ral-picker-border)}.ral-picker__toolbar{display:flex;align-items:center;gap:.8rem;padding-top:1.4rem}.ral-picker__search-wrap{position:relative;display:block;flex:1 1 auto}.ral-picker__search-wrap svg{position:absolute;top:50%;left:1.2rem;width:1.8rem;height:1.8rem;color:var(--ral-picker-muted);pointer-events:none;transform:translateY(-50%)}.ral-picker__search{width:100%;min-height:4.4rem;padding:.9rem 1.2rem .9rem 4rem;border:.1rem solid var(--ral-picker-border);border-radius:1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;box-shadow:none}.ral-picker__search:focus{outline:.2rem solid rgba(var(--color-foreground),.34);outline-offset:.1rem}.ral-picker__clear{flex:0 0 auto;min-height:4.4rem;padding:.8rem 1.2rem;border:.1rem solid var(--ral-picker-border);border-radius:1rem;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;font:inherit;font-size:1.3rem;font-weight:600}.ral-picker__clear:hover{background:var(--ral-picker-soft)}.ral-picker__filters{display:flex;overflow-x:auto;gap:.6rem;padding:1.2rem 0 .4rem;scrollbar-width:thin}.ral-picker__filter{flex:0 0 auto;padding:.65rem 1rem;border:.1rem solid var(--ral-picker-border);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;font:inherit;font-size:1.2rem;line-height:1.2;transition:background .14s ease,border-color .14s ease,transform .14s ease}.ral-picker__filter:hover{border-color:rgba(var(--color-foreground),.34);transform:translateY(-.1rem)}.ral-picker__filter.is-active{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ral-picker__meta{padding:.8rem 0;color:var(--ral-picker-muted);font-size:1.15rem}.ral-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(46rem,58vh);overflow-y:auto;gap:.8rem;padding:.2rem .4rem .4rem 0;overscroll-behavior:contain;scrollbar-width:thin}.ral-picker__option{position:relative;display:grid;grid-template-columns:4.2rem minmax(0,1fr) 2rem;align-items:center;min-width:0;min-height:5.8rem;padding:.7rem .8rem;gap:.9rem;border:.1rem solid var(--ral-picker-border);border-radius:1.1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:left;cursor:pointer;font:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.ral-picker__option:hover{z-index:1;border-color:rgba(var(--color-foreground),.34);box-shadow:0 .8rem 2.2rem #12182024;transform:translateY(-.2rem)}.ral-picker__option:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.2rem}.ral-picker__option.is-selected{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.ral-picker__option-swatch{width:4.2rem;height:4.2rem;border:.1rem solid rgba(0,0,0,.18);border-radius:.9rem;background:var(--ral-color);box-shadow:inset 0 0 0 .1rem #ffffff40}.ral-picker__option-copy{display:flex;min-width:0;flex-direction:column;gap:.1rem}.ral-picker__option-code{font-size:1.3rem;font-weight:700;line-height:1.3}.ral-picker__option-name{overflow:hidden;color:var(--ral-picker-muted);font-size:1.15rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ral-picker__option-check{display:grid;width:1.9rem;height:1.9rem;place-items:center;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.2rem;font-weight:700;opacity:0;transform:scale(.75);transition:opacity .13s ease,transform .13s ease}.ral-picker__option.is-selected .ral-picker__option-check{opacity:1;transform:scale(1)}.ral-picker__empty{margin:0;padding:2.2rem 1rem;color:var(--ral-picker-muted);text-align:center;font-size:1.3rem}.ral-picker__error{margin:.7rem 0 0;color:#b42318;font-size:1.25rem;line-height:1.4}.ral-picker__note{margin:.7rem 0 0;color:var(--ral-picker-muted);font-size:1.1rem;line-height:1.45}form.ral-selection-required .shopify-payment-button{display:none!important}@media screen and (min-width:750px){.ral-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:480px){.ral-picker__summary{grid-template-columns:3.6rem minmax(0,1fr) 1.8rem;padding-inline:1.1rem}.ral-picker__summary-swatch{width:3.6rem;height:3.6rem}.ral-picker__panel{padding-inline:1rem}.ral-picker__toolbar{align-items:stretch;flex-direction:column}.ral-picker__clear{min-height:3.8rem}.ral-picker__grid{grid-template-columns:minmax(0,1fr);max-height:52vh}}@media(prefers-reduced-motion:reduce){.ral-picker *,.ral-picker *:before,.ral-picker *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ral-color-picker.css.map */