:is(#main,.modal) .prose>div.size-guide{--sg-ink: #00233f;--sg-copy: #294b61;--sg-muted: #4a6b7c;--sg-teal: #007f94;--sg-aqua: #2bbbd5;--sg-line: #b6ebf3;--sg-row: #f5fcfe;--sg-size: #e8f8fb;display:grid;gap:20px;width:100%;margin:0;color:var(--sg-copy);font-family:var(--text-font-family);text-align:start}:is(#main,.modal) .prose>div.size-guide>*{min-width:0;margin:0}:is(#main,.modal) .prose>div.size-guide>br{display:none}:is(#main,.modal) .prose>div.size-guide>img{justify-self:center;max-width:100%;height:auto;border-radius:16px}:is(#main,.modal) .prose>div.size-guide>:is(h1,h2){max-width:24ch;margin-inline:auto;color:var(--sg-ink);font-family:var(--main-heading-font-family)!important;font-size:clamp(26px,3.4vw,40px);font-weight:400;letter-spacing:.005em;line-height:1.05;text-align:center;text-shadow:none;text-transform:uppercase;text-wrap:balance}:is(#main,.modal) .prose>div.size-guide>:is(h1,h2):after{display:block;width:96px;height:12px;margin:14px auto 0;background:var(--sg-aqua);content:"";-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 12'%3E%3Cpath d='M2 6c7-5.5 11-5.5 18 0s11 5.5 18 0 11-5.5 18 0 11 5.5 18 0 11-5.5 18 0' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 12'%3E%3Cpath d='M2 6c7-5.5 11-5.5 18 0s11 5.5 18 0 11-5.5 18 0 11 5.5 18 0 11-5.5 18 0' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}:is(#main,.modal) .prose>div.size-guide>p{justify-self:center;max-width:62ch;padding:12px 16px;border:1.5px solid var(--sg-line);border-radius:14px;background:var(--sg-size);color:var(--sg-ink);font-size:14px;line-height:1.6;text-align:center}:is(#main,.modal) .prose>div.size-guide>.table-container{overflow-x:auto;border:2px solid var(--sg-line);border-radius:18px;background:#fff;box-shadow:0 8px 22px #00536814;scrollbar-color:#9fdde8 transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}:is(#main,.modal) .prose>div.size-guide .table-container table{width:100%;min-width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;background:transparent;box-shadow:none;font-size:14px}:is(#main,.modal) .prose>div.size-guide .table-container table :is(th,td){padding:13px 14px;border:0;text-align:center;vertical-align:middle;word-break:normal}:is(#main,.modal) .prose>div.size-guide .table-container table th{background:var(--sg-ink);color:#fff;font-family:var(--text-font-family);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;white-space:nowrap;opacity:1}:is(#main,.modal) .prose>div.size-guide .table-container table td{border-top:1px solid #dff4f8;background:#fff;color:var(--sg-copy);line-height:1.45;font-variant-numeric:tabular-nums}:is(#main,.modal) .prose>div.size-guide .table-container table tbody tr:first-child td{border-top:0}:is(#main,.modal) .prose>div.size-guide .table-container table tbody tr:nth-child(2n) td{background:var(--sg-row)}:is(#main,.modal) .prose>div.size-guide .table-container table :is(th,td):first-child{position:sticky;left:0;z-index:1;box-shadow:inset -1px 0 #cdeef4;white-space:nowrap}:is(#main,.modal) .prose>div.size-guide .table-container table td:first-child,:is(#main,.modal) .prose>div.size-guide .table-container table tbody tr:nth-child(2n) td:first-child{background:var(--sg-size);color:var(--sg-ink);font-size:15px;font-weight:700}:is(#main,.modal) .prose>div.size-guide .table-container table td.is-measure{color:var(--sg-ink);font-weight:600;white-space:nowrap}:is(#main,.modal) .prose>div.size-guide .table-container table:has(.is-measure) :is(th,td):last-child:not(.is-measure){min-width:170px;text-align:start}:is(#main,.modal) .prose>div.size-guide .table-container table:has(.is-measure) td:last-child:not(.is-measure){color:var(--sg-muted);font-size:13px}@media(hover:hover){:is(#main,.modal) .prose>div.size-guide .table-container table tbody tr:hover td{background:#e3f7fb}}:is(#main,.modal) .prose>div.size-guide>.highlights{padding:18px 20px;border:1.5px solid #c9eef5;border-radius:18px;background:linear-gradient(135deg,#e3f7fb,#f7fdfe);line-height:1.55}:is(#main,.modal) .prose>div.size-guide>.highlights h2,:is(#main,.modal) .prose>div.size-guide>.notes>strong:first-child{display:block;margin:0 0 12px;color:var(--sg-teal);font-family:var(--text-font-family)!important;font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}:is(#main,.modal) .prose>div.size-guide>.highlights ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}:is(#main,.modal) .prose>div.size-guide>.highlights li{position:relative;margin:0;padding-inline-start:28px;color:var(--sg-ink);font-size:14px}:is(#main,.modal) .prose>div.size-guide>.highlights li:before{position:absolute;inset-inline-start:0;top:.15em;width:18px;height:18px;border-radius:50%;background:var(--sg-aqua) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat;content:""}:is(#main,.modal) .prose>div.size-guide>.notes{padding:18px 20px;border:1.5px solid #f0d76a;border-radius:18px;background:#fff8d9;color:#3d4f5c;font-size:14px;line-height:1.7}:is(#main,.modal) .prose>div.size-guide>.notes>strong:first-child{color:#7a5b00}:is(#main,.modal) .prose>div.size-guide>.notes>strong:first-child+br{display:none}:is(#main,.modal) .prose>div.size-guide>.notes strong{color:var(--sg-ink);font-weight:700}:is(#main,.modal) .prose>div.size-guide>.notes em{color:var(--sg-ink)}@media screen and (min-width:700px){:is(#main,.modal) .prose>div.size-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}:is(#main,.modal) .prose>div.size-guide>:not(.highlights,.notes){grid-column:1 / -1}}@media screen and (max-width:699px){:is(#main,.modal) .prose>div.size-guide{gap:16px}:is(#main,.modal) .prose>div.size-guide .table-container table{font-size:13px}:is(#main,.modal) .prose>div.size-guide .table-container table :is(th,td){padding:11px 12px}:is(#main,.modal) .prose>div.size-guide .table-container table th{font-size:10px}:is(#main,.modal) .prose>div.size-guide>:is(.highlights,.notes){padding:16px}}x-modal.modal:has(>.prose>.size-guide){--modal-body-max-width: 54rem}x-modal.modal:has(>.prose>.size-guide)::part(overlay){background:#00233f8c}x-modal.modal:has(>.prose>.size-guide)::part(content){border:1px solid #b6ebf3;border-radius:24px;background:#fff;box-shadow:0 24px 70px #00233f3d;scrollbar-color:#9fdde8 transparent;scrollbar-width:thin}x-modal.modal:has(>.prose>.size-guide)::part(header){border-block-end:0;background:#e3f7fb}x-modal.modal:has(>.prose>.size-guide)::part(close-button){color:#00233f}x-modal.modal:has(>.prose>.size-guide)::part(body){padding:22px clamp(16px,4vw,36px) 32px}x-modal.modal:has(>.prose>.size-guide)>[slot=header]{color:#007f94;font-family:var(--text-font-family);font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}@media screen and (max-width:699px){x-modal.modal:has(>.prose>.size-guide)::part(content){border-radius:22px 22px 0 0}x-modal.modal:has(>.prose>.size-guide)>[slot=header]{padding-inline-end:28px;letter-spacing:.12em}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/fishe-size-guide.css.map */