.codex-size-guide{background:#fff;color:#1d1d1b}.codex-size-guide__container{width:min(100%,1360px);margin-inline:auto;padding:clamp(44px,6vw,76px) 20px}.codex-size-guide__header{max-width:720px;margin:0 auto 34px;text-align:center}.codex-size-guide__eyebrow{margin:0 0 8px;color:var(--codex-teal, #0b6f69);font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.codex-size-guide h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.025em}.codex-size-guide__header>p:last-child{margin:12px 0 0;color:#4d4d4b;font-size:17px;line-height:1.55}.codex-size-guide__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.codex-size-guide__carousel-nav{display:none}.codex-size-guide__card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #e3e3df;border-radius:12px;background:#fff}.codex-size-guide__card h3{margin:0;padding:18px 14px 0;font-size:14px;font-weight:700;letter-spacing:.07em;line-height:1.35;text-align:center;text-transform:uppercase}.codex-size-guide__tabs{display:flex;min-height:58px;align-items:center;justify-content:center;gap:6px;padding:10px 10px 6px}.codex-size-guide__tabs button,.codex-size-guide__single-size{min-height:44px;margin:0;padding:8px 13px;border:1px solid #d7d7d3;border-radius:999px;background:#fff;color:#4d4d4b;font:inherit;font-size:13px;font-weight:650;line-height:1;text-transform:uppercase}.codex-size-guide__tabs button{cursor:pointer}.codex-size-guide__tabs button[aria-selected=true]{border-color:#1d1d1b;background:#1d1d1b;color:#fff}.codex-size-guide__tabs button.is-unavailable:not([aria-selected=true]){border-style:dashed;color:#777773}.codex-size-guide__single-size{display:flex;width:88px;align-self:center;align-items:center;justify-content:center;margin:10px auto 6px;border-color:#1d1d1b;background:#1d1d1b;color:#fff;text-align:center;white-space:nowrap}.codex-size-guide__pane[hidden]{display:none}.codex-size-guide__image{display:block;aspect-ratio:3 / 4;overflow:hidden;background:#f7f7f7}.codex-size-guide__image img{display:block;width:100%;height:100%;object-fit:cover}.codex-size-guide__dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e3e3df}.codex-size-guide__dimensions span{display:flex;min-width:0;min-height:66px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;color:#626260;font-size:12px;line-height:1.25;text-align:center;text-transform:uppercase}.codex-size-guide__dimensions span+span{border-left:1px solid #e3e3df}.codex-size-guide__dimensions strong{color:#1d1d1b;font-size:14px;line-height:1.2;text-transform:none}.codex-size-guide__button{display:flex;min-height:50px;align-items:center;justify-content:center;margin:14px;padding:10px 14px;border:1px solid #1d1d1b;border-radius:999px;background:#1d1d1b;color:#fff!important;font-size:14px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}.codex-size-guide__availability{margin:0;padding:9px 12px;border-top:1px solid #e3e3df;background:#f7f7f7;color:#5f5f5c;font-size:13px;font-weight:650;line-height:1.3;text-align:center}.codex-size-guide__button.is-unavailable{border-color:#c9c9c4;background:#fff;color:#1d1d1b!important}.codex-size-guide__button.is-unavailable:hover,.codex-size-guide__button.is-unavailable:focus-visible{border-color:#1d1d1b;background:#f7f7f7;color:#1d1d1b!important}.codex-size-guide__pane[data-size-available=false] .codex-size-guide__image img{opacity:.72;filter:grayscale(.18)}.codex-size-guide__button:hover{border-color:#343432;background:#343432}.codex-size-guide__note{max-width:760px;margin:26px auto 0;color:#5d5d59;font-size:14px;line-height:1.55;text-align:center}.codex-size-guide__product-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:1120px;margin-inline:auto;overflow:hidden;border:1px solid #e3e3df;border-radius:14px}.codex-size-guide__product-media{min-height:500px;background:#f7f7f7}.codex-size-guide__product-media img{display:block;width:100%;height:100%;object-fit:cover}.codex-size-guide__product-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,64px)}.codex-size-guide__product-copy--fallback{grid-column:1 / -1;max-width:720px;min-height:260px;margin-inline:auto}.codex-size-guide__product-copy--fallback>p:not(.codex-size-guide__eyebrow){margin:14px 0 0;color:#4d4d4b;font-size:17px;line-height:1.55}.codex-size-guide__text-link{align-self:flex-start;min-height:44px;margin-top:12px;color:#1d1d1b;font-weight:700;line-height:44px;text-underline-offset:4px}.codex-size-guide__product-name{margin:20px 0 0;font-size:18px;font-weight:700}.codex-size-guide__product-facts{margin:10px 0 0}.codex-size-guide__product-facts>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:13px 0;border-top:1px solid #e3e3df}.codex-size-guide__product-facts dt{color:#4d4d4b;font-weight:650}.codex-size-guide__product-facts dd{margin:0;line-height:1.5}.codex-size-guide--product .codex-size-guide__note{margin:15px 0 0;text-align:left}@media(max-width:989px){.codex-size-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:699px){.codex-size-guide__container{padding:32px 16px 40px}.codex-size-guide__header{margin-bottom:18px;text-align:left}.codex-size-guide__header>p:last-child{font-size:16px}.codex-size-guide__grid{grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:min(88vw,380px);align-items:stretch;gap:12px;margin-inline:-16px;padding:2px 16px 8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.codex-size-guide__grid::-webkit-scrollbar{display:none}.codex-size-guide__card{scroll-snap-align:start;scroll-snap-stop:always}.codex-size-guide__card h3{padding:18px 14px 2px}.codex-size-guide__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-height:64px;gap:8px;padding:10px 12px 8px}.codex-size-guide__tabs button{width:100%;min-width:0;padding-inline:6px;font-size:14px}.codex-size-guide__single-size{width:min(116px,calc(100% - 24px));min-width:0;min-height:44px;margin-block:10px 8px}.codex-size-guide__card:last-child{scroll-snap-align:end}.codex-size-guide__carousel-nav{display:flex;min-height:44px;align-items:center;justify-content:center;margin-top:6px}.codex-size-guide__carousel-dots{display:flex;align-items:center;justify-content:center}.codex-size-guide__carousel-arrow,.codex-size-guide__carousel-dot{position:relative;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;color:#1d1d1b;cursor:pointer}.codex-size-guide__carousel-arrow{display:grid;place-items:center;font-size:22px;font-weight:500}.codex-size-guide__carousel-arrow:disabled{cursor:default;opacity:.28}.codex-size-guide__carousel-dot:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:999px;background:#b8b8b4;transform:translate(-50%,-50%);transition:width .16s ease,background-color .16s ease}.codex-size-guide__carousel-dot[aria-current=true]:before{width:22px;background:#1d1d1b}.codex-size-guide__carousel-arrow:focus-visible,.codex-size-guide__carousel-dot:focus-visible{border-radius:999px}.codex-size-guide__pane:not([hidden]){display:block}.codex-size-guide__image{aspect-ratio:4 / 5}.codex-size-guide__dimensions{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e3e3df;border-left:0}.codex-size-guide__dimensions span{min-height:68px;align-items:center;padding:9px 5px;text-align:center}.codex-size-guide__dimensions span+span{border-top:0;border-left:1px solid #e3e3df}.codex-size-guide__button{min-height:52px;margin:12px}.codex-size-guide__product-panel{grid-template-columns:1fr}.codex-size-guide__product-media{min-height:0;aspect-ratio:4 / 3}.codex-size-guide__product-copy{padding:26px 20px 30px}.codex-size-guide__product-facts>div{grid-template-columns:76px minmax(0,1fr);gap:10px}.codex-size-guide__note{margin-top:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){.codex-size-guide__carousel-dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/codex-size-guide.css.map */