/* START_SNIPPET:ser-native-size-guide (INDEX:338) */
.product__option:has(ser-native-size)>.product__label-wrapper{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-start}.product__option:has(ser-native-size)>.product__label-wrapper>.product__label{margin:0}ser-native-size{display:inline-flex;margin:0;color:#15392c;font-family:inherit}ser-native-size button{font:inherit;cursor:pointer}ser-native-size .ser-native-size-open{display:inline-flex;align-items:center;gap:5px;padding:4px 0;border:0;background:transparent;color:#15392c;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}ser-native-size .ser-native-size-open svg{display:block;width:16px;height:16px;flex:none}ser-native-size dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(920px,96vw);max-width:96vw;max-height:90dvh;padding:0;border:0;background:#f8f7f3;color:#29372f;overflow:auto;overscroll-behavior:contain;font-family:inherit;text-align:left}ser-native-size dialog:not([open]){display:none}ser-native-size dialog::backdrop{background:rgba(0,0,0,.4)}ser-native-size .ser-native-size-close{position:absolute;right:8px;top:6px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#15392c;font-size:28px;font-weight:400;z-index:2}ser-native-size .ser-guide-content{position:relative;z-index:1;isolation:isolate;transform:translateZ(0);padding:34px 30px 28px}ser-native-size h2{margin:0 40px 24px;text-align:center;font-size:24px;font-weight:400;letter-spacing:.8px;text-transform:uppercase;line-height:1.4}ser-native-size .ser-guide-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}ser-native-size .ser-guide-tabs button{padding:12px 18px;min-height:44px;background:transparent;border:1px solid #d6dbd2;border-radius:28px;color:#4e5d51;font-size:12px;line-height:1.5}ser-native-size .ser-guide-tabs button[aria-selected=true]{background:#15392c;border-color:#15392c;color:#fff}ser-native-size .ser-guide-unit{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px;line-height:1.5;flex-wrap:wrap}ser-native-size .ser-guide-unit button{padding:8px;border:0;background:transparent;font-size:12px;color:#5c695e}ser-native-size .ser-guide-unit button[aria-pressed=true]{color:#15392c;text-decoration:underline;text-underline-offset:4px}ser-native-size .ser-guide-table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:center;font-size:12px;line-height:1.5;margin:0}ser-native-size .ser-guide-table th,ser-native-size .ser-guide-table td{padding:13px 5px;border:1px solid #f8f7f3;overflow-wrap:anywhere;font-weight:400;color:#29372f;background:#f0f0e8}ser-native-size .ser-guide-table thead th{background:#e6e9df}ser-native-size .ser-guide-note{margin-top:20px;font-size:12px;line-height:1.8}ser-native-size .ser-guide-note h3{font-size:12px;font-weight:400;letter-spacing:.6px;margin:0 0 7px}ser-native-size .ser-guide-note p{margin:4px 0}ser-native-size .ser-guide-note ul{margin:0;padding-left:18px;list-style:disc outside}ser-native-size .ser-guide-note li{display:list-item;margin:4px 0;padding:0}ser-native-size .ser-guide-method{font-size:12px;line-height:1.8;margin-top:12px}ser-native-size .ser-guide-method summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}ser-native-size .ser-guide-method div{margin-top:12px}ser-native-size [hidden]{display:none!important}ser-native-size button:focus-visible,ser-native-size summary:focus-visible{outline:2px solid #15392c;outline-offset:3px}@media(max-width:599px){ser-native-size .ser-guide-content{padding:40px 12px 22px}ser-native-size h2{font-size:20px;margin-bottom:20px}ser-native-size .ser-guide-tabs{gap:6px}ser-native-size .ser-guide-tabs button{padding:10px 12px;font-size:11px}ser-native-size .ser-guide-table{font-size:11px}ser-native-size .ser-guide-table th,ser-native-size .ser-guide-table td{padding:12px 3px}ser-native-size .ser-guide-unit{font-size:11px}}
/* END_SNIPPET:ser-native-size-guide */
