.size-guide-drawn{--size-guide-drawn-muted: rgb(var(--text-color) / .7);--size-guide-drawn-line: rgb(var(--border-color));--size-guide-drawn-target: 44px;color:rgb(var(--text-color));font-size:14px;line-height:20px}.size-guide-drawn:focus{outline:0}@media screen and (pointer:fine){.size-guide-drawn{--size-guide-drawn-target: 40px}}.size-guide-drawn__meta{color:var(--size-guide-drawn-muted);font-size:12px;line-height:16px}.size-guide-drawn__intro{margin-block-start:4px}.size-guide-drawn__sizes{min-inline-size:0;border:0;margin-block-start:16px}.size-guide-drawn__head{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px}.size-guide-drawn__units{display:flex;flex-shrink:0;gap:8px}.size-guide-drawn__unit,.size-guide-drawn__letter{display:flex;justify-content:center;align-items:center;min-height:var(--size-guide-drawn-target);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.size-guide-drawn__unit span{color:var(--size-guide-drawn-muted);padding-inline:4px}.size-guide-drawn__letters{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.size-guide-drawn__letter span{color:rgb(var(--text-color) / .75);white-space:nowrap}.size-guide-drawn__letter.is-soldout span{color:rgb(var(--text-color) / .4);text-decoration-line:line-through;text-decoration-thickness:1px}.size-guide-drawn input:checked+.size-guide-drawn__unit span,.size-guide-drawn input:checked+.size-guide-drawn__letter span{color:rgb(var(--text-color));text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:6px}.size-guide-drawn input:checked+.size-guide-drawn__letter.is-soldout span{text-decoration-line:underline line-through}.size-guide-drawn input:focus-visible+label{outline-offset:-2px}.size-guide-drawn__drawing{max-width:340px;margin-block-start:16px;margin-inline:auto}.size-guide-drawn__img{display:block;width:auto;max-width:100%;height:270px;margin-inline:auto;object-fit:contain}.size-guide-drawn__list{margin-block-start:16px}.size-guide-drawn__row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;border-block-start:1px solid var(--size-guide-drawn-line)}.size-guide-drawn__row:last-child{border-block-end:1px solid var(--size-guide-drawn-line)}.size-guide-drawn__row dt{display:flex;align-items:baseline;gap:8px;min-width:0;color:var(--size-guide-drawn-muted)}.size-guide-drawn__key{min-width:12px;color:rgb(var(--text-color))}.size-guide-drawn__row dd{flex-shrink:0;white-space:nowrap}.size-guide-drawn__vals>span,.size-guide-drawn__pick,.size-guide-drawn__in{display:none}.size-guide-drawn__vals>.is-initial,.size-guide-drawn__pick.is-initial{display:inline}@supports selector(:has(*)){.size-guide-drawn__vals>.is-initial,.size-guide-drawn__pick.is-initial{display:none}.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(1):checked) :is(.size-guide-drawn__vals>:nth-child(1),.size-guide-drawn__pick:nth-child(1)),.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(2):checked) :is(.size-guide-drawn__vals>:nth-child(2),.size-guide-drawn__pick:nth-child(2)),.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(3):checked) :is(.size-guide-drawn__vals>:nth-child(3),.size-guide-drawn__pick:nth-child(3)),.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(4):checked) :is(.size-guide-drawn__vals>:nth-child(4),.size-guide-drawn__pick:nth-child(4)),.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(5):checked) :is(.size-guide-drawn__vals>:nth-child(5),.size-guide-drawn__pick:nth-child(5)),.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(6):checked) :is(.size-guide-drawn__vals>:nth-child(6),.size-guide-drawn__pick:nth-child(6)),.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(7):checked) :is(.size-guide-drawn__vals>:nth-child(7),.size-guide-drawn__pick:nth-child(7)),.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(8):checked) :is(.size-guide-drawn__vals>:nth-child(8),.size-guide-drawn__pick:nth-child(8)),.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(9):checked) :is(.size-guide-drawn__vals>:nth-child(9),.size-guide-drawn__pick:nth-child(9)),.size-guide-drawn:has(.size-guide-drawn__letters>input:nth-of-type(10):checked) :is(.size-guide-drawn__vals>:nth-child(10),.size-guide-drawn__pick:nth-child(10)){display:inline}.size-guide-drawn:has(.size-guide-drawn__units>input[value=in]:checked) .size-guide-drawn__cm{display:none}.size-guide-drawn:has(.size-guide-drawn__units>input[value=in]:checked) .size-guide-drawn__in{display:inline}}.size-guide-drawn__block{margin-block-start:24px}.size-guide-drawn__label{margin-block-end:8px;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase}.size-guide-drawn__how{color:var(--size-guide-drawn-muted);font-size:12px;line-height:16px}.size-guide-drawn__how li{padding-block:2px}.size-guide-drawn__note{margin-block-start:24px;color:var(--size-guide-drawn-muted);font-size:12px;line-height:16px}@media screen and (hover:hover)and (pointer:fine){.size-guide-drawn__letter:hover span,.size-guide-drawn__unit:hover span{color:rgb(var(--text-color) / .85)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-size-guide-drawn.css.map */