body.yn .yn-stars{display:flex;align-items:center;gap:4px;min-width:0;margin:0;color:var(--yn-ink-soft, #4a4f5c);font-size:12px;font-weight:500;line-height:14px}body.yn .yn-stars__row{flex:none;display:block;width:70px;height:14px;background:linear-gradient(90deg,var(--yn-yellow, #fece00) var(--yn-rate, 0%),rgba(31,42,68,.16) var(--yn-rate, 0%));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2l2.6 5.6 6.1.8-4.5 4.2 1.2 6-5.4-3-5.4 3 1.2-6-4.5-4.2 6.1-.8z' fill='black' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 0 50% / 14px 14px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2l2.6 5.6 6.1.8-4.5 4.2 1.2 6-5.4-3-5.4 3 1.2-6-4.5-4.2 6.1-.8z' fill='black' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 0 50% / 14px 14px repeat-x}html[dir=rtl] body.yn .yn-stars__row{background:linear-gradient(270deg,var(--yn-yellow, #fece00) var(--yn-rate, 0%),rgba(31,42,68,.16) var(--yn-rate, 0%))}body.yn .yn-stars.is-empty{display:none;visibility:hidden}body.yn :is(.yn-prow__row,.yn-coll__grid,.yn-search__grid,.yn-nf-row,.yn-alts__grid):has(.yn-stars:not(.is-empty)) .yn-stars.is-empty{display:flex}body.yn .yn-card.is-soldout .yn-card__rating{opacity:.6}body.yn #yn-sheet-search .yn-srch__stars{margin:2px 0}body.yn .yn-card__swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:2px;margin:-2px -4px -4px}body.yn .yn-cdot{position:relative;display:grid;place-items:center;flex:none;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:999px;background:none;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body.yn .yn-cdot:before{content:"";width:20px;height:20px;border-radius:999px;background:var(--yn-swatch, var(--yn-greige, #f1ede6));box-shadow:0 0 0 1px #1f2a4440;transition:transform var(--yn-t-quick, .18s) var(--yn-ease-spring, ease)}body.yn .yn-cdot:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:2px solid var(--yn-blue, #0040ea);border-radius:999px;opacity:0;transform:scale(.8);transition:opacity var(--yn-t-quick, .18s),transform var(--yn-t-quick, .18s) var(--yn-ease-spring, ease);pointer-events:none}body.yn .yn-cdot[aria-pressed=true]:after{opacity:1;transform:none}body.yn .yn-cdot:active:before{transform:scale(.88)}body.yn .yn-cdot:focus-visible{outline:2px solid var(--yn-blue, #0040ea);outline-offset:1px}body.yn .yn-cdot.is-soldout:before{opacity:.6;background:linear-gradient(135deg,transparent calc(50% - 1px),var(--yn-ink, #1f2a44) calc(50% - 1px),var(--yn-ink, #1f2a44) calc(50% + 1px),transparent calc(50% + 1px)),var(--yn-swatch, var(--yn-greige, #f1ede6))}@media(min-width:990px){body.yn .yn-cdot{width:30px;height:30px}body.yn .yn-cdot:before{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){body.yn .yn-cdot:before,body.yn .yn-cdot:after{transition:none}}body.yn [data-yn-frame]:has(>.yn-frame-layer){border-radius:0;background:transparent}body.yn [data-yn-frame]:has(>.yn-frame-layer)>.yn-well{border-radius:0}
/*# sourceMappingURL=/cdn/shop/t/31/assets/yn-extras.css.map */