.yxf{--yxf-bg:#FFFFFF;--yxf-soft:#F2F1EE;--yxf-ink:#111111;--yxf-muted:#62625F;--yxf-line:#E4E2DD;--yxf-ease:cubic-bezier(.2,.8,.2,1);container-type:inline-size;container-name:yxf;font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--yxf-ink);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}.yxf *,.yxf *:before,.yxf *:after{box-sizing:border-box}:where(.yxf) button{font:inherit;color:inherit;cursor:pointer;border-radius:0;-webkit-tap-highlight-color:transparent;margin:0}.yxf button:focus{outline:none}.yxf button:focus-visible{outline:2px solid var(--yxf-ink);outline-offset:2px}.yxf [hidden]{display:none!important}.yxf-field{margin:0 0 22px}.yxf-field:last-child{margin-bottom:0}.yxf-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-weight:500;font-size:15px;margin:0 0 8px}.yxf-note{font-weight:400;font-size:13px;color:var(--yxf-muted);font-variant-numeric:tabular-nums}.yxf-sub{display:block;font-size:14px;color:var(--yxf-muted);margin:14px 0 8px}.yxf-formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.yxf-fmt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:72px;padding:8px 2px 7px;border:1px solid var(--yxf-line);background:var(--yxf-bg);font-size:13px;font-weight:400;line-height:1.15;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.yxf-fmt .yxf-ficon{width:42px;height:31px;color:#9c9a95;transition:color .2s}.yxf-fmt:hover{border-color:#c9c7c1}.yxf-fmt[aria-checked=true]{background:var(--yxf-ink);border-color:var(--yxf-ink);color:#fff}.yxf-fmt[aria-checked=true] .yxf-ficon{color:#fff}.yxf-fmt:active{opacity:.85}@container yxf (min-width:620px){.yxf-formats{grid-template-columns:repeat(8,minmax(0,1fr))}}.yxf-forms{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 0 2px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.yxf-forms::-webkit-scrollbar{display:none}.yxf-form{flex:0 0 auto;min-width:78px;padding:0 12px;white-space:nowrap;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--yxf-line);background:var(--yxf-bg);font-size:14px;font-weight:400;font-variant-numeric:tabular-nums;scroll-snap-align:start;transition:background .2s,color .2s,border-color .2s}.yxf-form:hover{border-color:#c9c7c1}.yxf-form .yxf-dots{width:34px;height:40px;color:var(--yxf-ink)}.yxf-dline{fill:none;stroke:currentColor;stroke-width:1;opacity:.28;stroke-linejoin:round}.yxf-dot circle{fill:currentColor;transition:fill .2s}.yxf-dot .yxf-gk{fill:none;stroke:currentColor;stroke-width:1.2}.yxf-form[aria-checked=true]{background:var(--yxf-ink);border-color:var(--yxf-ink);color:#fff}.yxf-form[aria-checked=true] .yxf-dots{color:#fff}.yxf-form[aria-checked=true] .yxf-dline{opacity:.45}.yxf-form:active{opacity:.85}.yxf-forms.yxf-in .yxf-form{animation:yxfIn .38s var(--yxf-ease) both}.yxf-forms.yxf-in .yxf-form:nth-child(2){animation-delay:.03s}.yxf-forms.yxf-in .yxf-form:nth-child(3){animation-delay:.06s}.yxf-forms.yxf-in .yxf-form:nth-child(4){animation-delay:.09s}.yxf-forms.yxf-in .yxf-form:nth-child(5){animation-delay:.12s}.yxf-forms.yxf-in .yxf-form:nth-child(n+6){animation-delay:.15s}@keyframes yxfIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@container yxf (min-width:520px){.yxf-forms{flex-wrap:wrap;overflow:visible}}.yxf-styles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.yxf-style{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:5px 5px 8px;border:1px solid var(--yxf-line);background:var(--yxf-bg);font-size:12.5px;line-height:1.2;text-align:center;white-space:nowrap;min-width:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}.yxf-style:hover{border-color:#c9c7c1}.yxf-tw{display:block;aspect-ratio:3/4;overflow:hidden;box-shadow:inset 0 0 0 1px #11111114;position:relative}.yxf-thumb{display:block;width:100%;height:100%}.yxf-style[aria-checked=true]{border-color:var(--yxf-ink);box-shadow:inset 0 0 0 1px var(--yxf-ink);font-weight:500}.yxf-style:active{opacity:.85}@container yxf (max-width:400px){.yxf-style{font-size:11.5px;padding:3px 2px 7px;gap:6px}}.yxf-tint{animation:yxfIn .3s var(--yxf-ease) both}.yxf-tints{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.yxf-sw{position:relative;width:36px;height:36px;padding:0;border:0;background:var(--c);box-shadow:inset 0 0 0 1px #1111111f;transition:box-shadow .15s}.yxf-sw[aria-checked=true],.yxf-custom.yxf-on{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--yxf-ink)}.yxf-custom{width:auto;display:inline-flex;align-items:center;gap:8px;padding:0 12px 0 0;background:var(--yxf-bg);border:1px solid var(--yxf-line);box-shadow:none;cursor:pointer;font-size:14px;height:36px}.yxf-custom:before{content:"";width:34px;height:34px;flex:0 0 auto;background:conic-gradient(from 90deg,#c8102e,#fdb913,#00843d,#6cabdd,#1c2c5b,#5b2c83,#c8102e)}.yxf-custom.yxf-on:before{background:var(--c)}.yxf-custom input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}@media(prefers-reduced-motion:reduce){.yxf *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/yxi-modules--formats.css.map */