cb-size-guide-drawer,.cb-size-guide-drawer__panel,.cb-size-guide-drawer__content,.cb-size-guide-drawer__tab,.cb-size-guide-drawer__section-title,.cb-size-guide-drawer__step-label,.cb-size-guide-drawer__step-text,.cb-size-guide-drawer__table,.cb-size-guide-drawer__table th,.cb-size-guide-drawer__table td,.cb-size-guide-trigger{font-family:var(--cb-font-body)}.cb-size-guide-trigger{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#8b2331;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:var(--cb-caption-2-size);line-height:var(--cb-caption-2-line);font-family:Nunito Sans;font-weight:600;margin-left:5px;white-space:nowrap}.cb-size-guide-trigger svg{width:14px;height:14px;display:block}.cb-size-guide-trigger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 0 10px}.cb-size-guide-trigger-row>label,.cb-size-guide-trigger-row>.form__label,.cb-size-guide-trigger-row>legend{margin:0;flex:1 1 auto;min-width:0}.cb-size-guide-trigger{margin:0;flex:0 0 auto;align-self:center}.cb-size-guide-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;pointer-events:none}.cb-size-guide-drawer.is-open{pointer-events:auto}.cb-size-guide-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f0f5c;opacity:0;transition:opacity .25s ease}.cb-size-guide-drawer.is-open .cb-size-guide-drawer__overlay{opacity:1}.cb-size-guide-drawer__panel{position:absolute;top:0;right:0;width:clamp(400px,30.5vw,500px);height:100%;background:#fff;transform:translate(calc(100% + 32px));transition:transform .28s ease;overflow-y:auto;box-shadow:none}.cb-size-guide-drawer.is-open .cb-size-guide-drawer__panel{transform:translate(0);box-shadow:-8px 0 24px #0f0f0f14}.cb-size-guide-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px}.cb-size-guide-drawer__title-main{margin:0;font-size:var(--cb-h4-size, 2.2rem);line-height:1.2;font-weight:400;color:#0f0f0f}.cb-size-guide-drawer__close{width:36px;height:36px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#0f0f0f}.cb-size-guide-drawer__close svg{width:20px;height:20px;display:block}.cb-size-guide-drawer__content{padding:0 18px 22px}.cb-size-guide-drawer__tabs{display:flex;gap:10px;margin-bottom:18px}.cb-size-guide-drawer__tab{border:0;border-radius:999px;padding:8px 14px;background:#f5f5f5;color:#181818;font-size:var(--cb-body-md-2-size);line-height:var(--cb-body-md-2-line);font-weight:550;cursor:pointer}.cb-size-guide-drawer__tab.is-active{background:#8b2331;color:#fff}.cb-size-guide-drawer__panel-inner{display:none}.cb-size-guide-drawer__panel-inner.is-active{display:block}.cb-size-guide-drawer__section-title{margin:0 0 12px;font-size:var(--cb-body-lg-2-size);line-height:var(--cb-body-lg-2-line);font-weight:550;color:#0f0f0f}.cb-size-guide-drawer__section-title--chart{margin-top:18px}.cb-size-guide-drawer__steps{display:flex;flex-direction:column;gap:12px}.cb-size-guide-drawer__step-card{background:#f8f8f8;border-radius:8px;padding:10px;text-align:center}.cb-size-guide-drawer__step-card img{width:100%;height:auto;display:block;border-radius:6px}.cb-size-guide-drawer__step-label{margin-top:10px;font-size:var(--cb-body-md-2-size);line-height:var(--cb-body-md-2-line);font-weight:550;color:#8b2331}.cb-size-guide-drawer__step-text{margin-top:6px;font-size:var(--cb-body-md-1-size);line-height:var(--cb-body-md-1-line);color:#0f0f0f}.cb-size-guide-drawer__table-wrap{border:1px solid rgba(15,15,15,.08);border-radius:8px;overflow:hidden;background:#fff}.cb-size-guide-drawer__table{width:100%;border-collapse:collapse}.cb-size-guide-drawer__table th,.cb-size-guide-drawer__table td{border-bottom:1px solid rgba(15,15,15,.08);border-right:1px solid rgba(15,15,15,.08);padding:10px 12px;text-align:center}.cb-size-guide-drawer__table th:last-child,.cb-size-guide-drawer__table td:last-child{border-right:0}.cb-size-guide-drawer__table th{font-size:var(--cb-body-md-2-size);line-height:var(--cb-body-md-2-line);font-weight:550;background:#f8f8f8}.cb-size-guide-drawer__table td{font-size:var(--cb-body-md-1-size);line-height:var(--cb-body-md-1-line)}.cb-size-guide-drawer__table tr:last-child td{border-bottom:0}.cb-size-guide-drawer__video-block{margin-top:16px}.cb-size-guide-drawer__video-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:10px;overflow:hidden}.cb-size-guide-drawer__video-trigger img{width:100%;height:auto;display:block}.cb-size-guide-drawer__video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:999px;background:#0f0f0fb8;color:#fff;display:grid;place-items:center;font-size:24px}.cb-size-guide-video[hidden]{display:none!important}.cb-size-guide-video{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002}.cb-size-guide-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f0f8c}.cb-size-guide-video__dialog{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(92vw,960px);background:#fff;border-radius:12px;overflow:hidden}.cb-size-guide-video__close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border:0;border-radius:999px;background:#0f0f0fb3;color:#fff;cursor:pointer;font-size:24px;line-height:1}.cb-size-guide-video__frame-wrap{position:relative;width:100%;padding-top:56.25%}.cb-size-guide-video__frame-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.cb-size-guide-drawer__table-wrap--mobile{display:none}@media screen and (max-width:989px){.cb-size-guide-trigger-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0 0 10px}.cb-size-guide-drawer__panel{width:100%;max-width:100%}.cb-size-guide-drawer__head{padding:16px 16px 10px}.cb-size-guide-drawer__content{padding:0 16px 20px}}@media screen and (max-width:749px){.cb-size-guide-drawer__table-wrap--desktop{display:none}.cb-size-guide-drawer__table-wrap--mobile{display:block}.cb-size-guide-drawer__tabs{gap:8px}.cb-size-guide-drawer__tab{padding:8px 12px}.cb-size-guide-drawer__video-play{width:56px;height:56px;font-size:20px}}.cb-size-guide-drawer__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cb-size-guide-drawer__table{min-width:520px}@media screen and (max-width:749px){.cb-size-guide-drawer__table-wrap--desktop{display:block}.cb-size-guide-drawer__table-wrap--mobile{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/cb-ring-size-guide.css.map */
