.size-directory{background:#fff;color:#303833;container:directory/inline-size;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:auto;max-width:1440px;padding:64px 40px}.size-directory,.size-directory *{box-sizing:border-box}.size-directory-header{align-items:flex-end;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px}.size-directory-eyebrow{color:#626d65;font-size:11px;letter-spacing:.18em}.size-directory h1{font-size:clamp(40px,5vw,72px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin:16px 0}.size-directory-header p{color:#626d65;font-size:16px}.size-directory label{display:grid;font-size:12px;gap:10px;min-width:260px}.size-directory input{background:#fafbf9;border:1px solid #e5e9e5;border-radius:12px;color:inherit;font:inherit;font-size:16px;padding:14px 16px;width:100%}.size-directory-count{color:#626d65;font-size:12px;margin-bottom:16px}.size-directory-grid{align-items:flex-start;display:flex;flex-wrap:wrap}.size-directory-cluster{flex:var(--ratio) 1 calc(var(--ratio)*360px);min-width:0;position:relative}.size-directory-cluster:not(.is-initial){content-visibility:auto}.size-directory-tile{color:inherit;container-type:size;display:block;position:absolute;text-decoration:none}.size-directory-surface{align-items:center;border-radius:5px;display:flex;inset:3px;justify-content:center;overflow:hidden;padding:12px;position:absolute}.size-directory-tile:hover .size-directory-surface{filter:brightness(.97)}.size-directory-tile:focus-visible{border-radius:8px;outline:3px solid #466c58;outline-offset:-5px;z-index:2}.size-directory-label{align-items:center;display:flex;flex-direction:column;gap:10px;max-width:100%;text-align:center;width:100%}.size-directory-label strong{font-size:clamp(15px,5.5cqi,23px);font-weight:500;line-height:1.25;overflow-wrap:anywhere;text-wrap:balance}.size-directory-measure{color:#4b574f;font-size:13px;line-height:1.4}@container (max-aspect-ratio:4/5) and (max-width:120px) and (min-height:140px){.is-portrait .size-directory-label{max-width:none;position:absolute;transform:rotate(-90deg);width:calc(100cqh - 24px)}.is-portrait .size-directory-label strong{font-size:15px}}@container (max-height:105px){.size-directory-label{gap:4px}.size-directory-label strong{font-size:15px;line-height:1.15}.size-directory-measure{font-size:12px}.size-directory-surface{padding:8px 12px}}.tone-0{background:#eef0e9}.tone-1{background:#f5e8e0}.tone-2{background:#e8edf5}.tone-3{background:#ede9f4}.tone-4{background:#e4efea}.tone-5{background:#f4eedb}.tone-6{background:#f4e5e8}.tone-7{background:#edf1ed}.size-directory-other{margin-top:56px}.size-directory-other h2{font-size:22px;font-weight:500;letter-spacing:-.03em}.size-directory-other>div{display:grid;gap:8px 24px;grid-template-columns:repeat(3,minmax(0,1fr))}.size-directory-other a{border-bottom:1px solid #eef0ed;color:inherit;contain-intrinsic-size:auto 48px;content-visibility:auto;display:flex;font-size:14px;gap:10px;justify-content:space-between;overflow-wrap:anywhere;padding:14px 0;text-decoration:none}.size-directory-other a:hover{text-decoration:underline}@container directory (max-width:600px){.size-directory-header{display:block}.size-directory label{margin-top:28px;min-width:0}.size-directory-cluster{flex-basis:100%}.size-directory-other>div{grid-template-columns:1fr}}@media(max-width:620px){.size-directory{padding:36px 16px}}@container (min-height:220px){.is-artistic .size-directory-label{max-width:none;position:absolute;transform:rotate(-90deg);width:calc(100cqh - 24px)}}