@layer components{.an-sn{flex:1;width:100%}.an-sn-wrap{width:100%;max-width:calc(var(--ui-content-max) + var(--ui-gutter) * 2);padding:14px var(--ui-gutter) 72px;margin-inline:auto}.an-sn-wrap>:not(.ui-masthead){max-width:760px}.an-sn-crumbs{color:var(--soft);margin-top:10px;font-size:14px}.an-sn-crumbs .ui-link{color:var(--soft)}.an-sn-head{margin-top:10px}.an-sn-h1{text-wrap:balance;margin:0;font-size:34px;line-height:1.05}.an-sn-lede{margin:10px 0 0;font-size:17px;line-height:1.5}.an-sn-cta{width:100%;margin-top:18px}.an-sn-sec{margin-top:40px}.an-sn-h2{letter-spacing:-.01em;margin:0 0 12px;font-size:22px;font-weight:600}.an-sn-p{margin:12px 0 0;font-size:17px;line-height:1.55}.an-sn-h2+.an-sn-p{margin-top:0}.an-sn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;margin:0;padding:0;list-style:none;display:grid}.an-sn-sw{filter:drop-shadow(0 0 .6px #17151259);flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.an-sn-sw[data-light]{filter:drop-shadow(0 0 .7px #17151280)drop-shadow(0 1px 1.5px #1715121f)}.an-sn-cloth{aspect-ratio:1;background:url(/analysis/premium/swatch.webp) center / contain no-repeat, var(--sw);background-blend-mode:overlay;width:100%;display:block;-webkit-mask:url(/analysis/premium/swatch.webp) 50%/contain no-repeat;mask:url(/analysis/premium/swatch.webp) 50%/contain no-repeat}.an-sn-sw figcaption{filter:none;flex-direction:column;gap:1px;display:flex}.an-sn-sw-name{color:var(--ink);font-size:14px;font-weight:500;line-height:1.25}.an-sn-sw-hex{font:400 12px/1.25 var(--font-label);color:var(--soft);letter-spacing:.02em}.an-sn-grid[data-avoid] .an-sn-cloth{position:relative}.an-sn-grid[data-avoid] .an-sn-cloth:after{content:"";background:linear-gradient(to top right, transparent calc(50% - .75px), var(--ink) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px));opacity:.55;position:absolute;inset:0}.an-sn-traits{margin:0}.an-sn-traits>div{border-top:1px solid var(--line);grid-template-columns:96px 1fr;gap:12px;padding:12px 0;display:grid}.an-sn-traits>div:last-child{border-bottom:1px solid var(--line)}.an-sn-traits dt{font-size:15px;font-weight:600;line-height:1.5}.an-sn-traits dd{margin:0;font-size:17px;line-height:1.5}.an-sn-h3{margin:20px 0 0;font-size:17px;font-weight:600}.an-sn-h3+.an-sn-hair{margin-top:10px}.an-sn-hair{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.an-sn-card{color:var(--ink);border-color:#0000;padding:0;text-decoration:none;display:block}.an-sn-card:not(:hover,:active){border-color:#0000}.an-sn-card-img{aspect-ratio:1;background:var(--line);display:block;position:relative;overflow:hidden}.an-sn-card-img img{object-fit:cover;object-position:50% 20%}.an-sn-card-name{padding:6px 2px 0;font-size:14px;line-height:1.25;display:block}.an-sn-faq+.an-sn-faq{margin-top:20px}.an-sn-q{margin:0 0 4px;font-size:17px;font-weight:600;line-height:1.35}.an-sn-faq .an-sn-p{margin-top:0}.an-sn-faq .an-sn-p+.an-sn-p{margin-top:6px}.an-sn-p>.ui-link:only-child{align-items:center;min-height:44px;display:inline-flex}.an-sn-end{border-top:1px solid var(--line);padding-top:28px}.an-sn-more{color:var(--soft);margin:18px 0 0;font-size:15px}.an-sn-more .ui-link{white-space:nowrap}@media (min-width:560px){.an-sn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.an-sn-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.an-sn-hair{grid-template-columns:repeat(6,minmax(0,1fr))}.an-sn-cta{width:auto;min-width:320px}}@media (min-width:1024px){.an-sn-wrap{padding-top:0}.an-sn-head{margin-top:28px}.an-sn-h1{font-size:52px}.an-sn-lede{max-width:62ch;font-size:19px}}}