@charset "UTF-8";.size-chart__drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:100%;background-color:#fff;transform:translate(100%);transition:transform .3s ease-in-out}@media (min-width: 769px){.size-chart__drawer{max-width:512px}}.size-chart[data-active=true] .size-chart__drawer{transform:translate(0)}.size-chart{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;transition:visibility 0s .3s}.size-chart[data-active=true]{visibility:visible;transition:visibility 0s}.size-chart__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out;cursor:pointer}.size-chart[data-active=true] .size-chart__overlay{opacity:1}.size-chart__drawer .size-chart__content{height:100%;padding:var(--spacing-400)}@media (min-width: 769px){.size-chart__drawer .size-chart__content{padding:var(--spacing-700)}}.size-chart__drawer .size-chart__content .size_gide_heading{padding-bottom:var(--spacing-400);border-bottom:1px solid var(--color-neutrals-1000);display:flex;align-items:center;justify-content:space-between}.size-chart__drawer .size-chart__content-wrapper{display:flex;flex-direction:column;height:100%}.size-chart__drawer .size-chart__content .size_gide_heading .close_icon{cursor:pointer}.size-chart__drawer .size-chart__content .size_gide_heading strong{font-family:var(--typography-heading-font);font-size:var(--typography-heading-medium-size);font-weight:var(--typography-heading-weight);line-height:var(--typography-heading-medium-height);letter-spacing:calc(var(--typography-heading-medium-size) * var(--typography-heading-tracking) * .01);text-transform:var(--typography-heading-transform);font-weight:500}.size-chart__drawer .size-chart__content .size_gide__description{font-family:var(--typography-body-font);font-size:var(--typography-body-medium-size);font-weight:var(--typography-body-weight-normal);line-height:var(--typography-body-medium-height);letter-spacing:calc(var(--typography-body-medium-size) * var(--typography-body-tracking) * .01);overflow-y:auto;flex:1 1 auto;font-weight:400;margin:var(--spacing-500) 0px}@media (min-width: 769px){.size-chart__drawer .size-chart__content .size_gide__description{margin:var(--spacing-600) 0}}.size-chart__drawer .size-chart__content .chart_title_wrapper{display:inline-flex;align-items:center;justify-content:flex-end;padding-bottom:var(--spacing-600)}.size-chart__drawer .size-chart__content .chart_title_wrapper.is-hidden{display:none}.size-chart__drawer .size-chart__content .chart_title_wrapper .chart_title{font-family:var(--typography-heading-font);font-size:var(--typography-heading-small-size);font-weight:var(--typography-heading-weight);line-height:var(--typography-heading-small-height);letter-spacing:calc(var(--typography-heading-small-size) * var(--typography-heading-tracking) * .01);text-transform:var(--typography-heading-transform);font-weight:500}.size-chart__drawer .size-chart__content .chart_title_wrapper .table_arrows_wrapper{display:none}@media (min-width: 769px){.size-chart__drawer .size-chart__content .chart_title_wrapper .table_arrows_wrapper{display:flex;align-items:center;justify-content:center;gap:8px;margin-left:auto}}.size-chart__drawer .size-chart__content .chart_title_wrapper .table_arrows_wrapper .table_prev,.size-chart__drawer .size-chart__content .chart_title_wrapper .table_arrows_wrapper .table_next{height:32px;width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #00000014}.size-chart__drawer .size-chart__content .chart_title_wrapper .table_arrows_wrapper .table_prev svg,.size-chart__drawer .size-chart__content .chart_title_wrapper .table_arrows_wrapper .table_next svg{height:16px;width:16px}.size-chart__drawer .chart_toggle_icon_wrapper{display:inline-flex;align-items:center;justify-content:flex-start;width:200px;padding-bottom:var(--spacing-600)}.size-chart__drawer .chart_toggle_icon_wrapper+.chart_title_wrapper,.size-chart__drawer .chart_toggle_icon_wrapper~.is-hidden+.chart_title_wrapper{width:calc(100% - 220px)}.size-chart__drawer .chart_toggle_icon_wrapper .toggle-container{display:flex;align-items:center}.size-chart__drawer .chart_toggle_icon_wrapper .toggle-label{margin:0 var(--spacing-300);font-size:var(--typography-body-small-size)}.size-chart__drawer .chart_toggle_icon_wrapper .switch{position:relative;display:inline-block;width:50px;height:26px}.size-chart__drawer .chart_toggle_icon_wrapper .switch input{opacity:0;width:0;height:0}.size-chart__drawer .chart_toggle_icon_wrapper .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;background-color:var(--color-neutrals-0);border:1px solid var(--color-neutrals-200);width:var(--spacing-900);height:var(--spacing-600);border-radius:var(--spacing-300)}.size-chart__drawer .chart_toggle_icon_wrapper .slider:before{position:absolute;content:"";height:calc(var(--spacing-400) - var(--spacing-25));width:calc(var(--spacing-400) - var(--spacing-25));background-color:var(--color-neutrals-1000);top:4px;left:5px;border-radius:50%;transition:all .3s ease-in-out}.size-chart__drawer .chart_toggle_icon_wrapper input:checked+.slider:before{transform:translate(var(--spacing-600))}.size-chart__drawer .size-chart__content .size_cart__table{overflow:auto}.size-chart__drawer .size-chart__content .size_cart__table.is-hidden{display:none}.size-chart__drawer .size-chart__content .size_cart__table::-webkit-scrollbar{display:none}.size-chart__drawer .size-chart__content .size_cart__table{-ms-overflow-style:none;scrollbar-width:none}.size-chart__drawer .size-chart__content table{border-collapse:separate;border-spacing:1px;width:100%;min-width:600px;text-align:center}.size-chart__drawer .size-chart__content table thead th:first-child,.size-chart__drawer .size-chart__content table tbody td:first-child{position:sticky;left:0;z-index:2}.size-chart__drawer .size-chart__content table th,.size-chart__drawer .size-chart__content table td,.size-chart__drawer .size-chart__content table tr{min-height:50px;min-width:120px}.size-chart__drawer .size-chart__content table th,.size-chart__drawer .size-chart__content table td{padding:var(--spacing-300)}.size-chart__drawer .size-chart__content table td:first-child{font-weight:700}.size-chart__drawer .size-chart__content table td:nth-child(2n){background-color:var(--color-neutrals-50)}.size-chart__drawer .size-chart__content table td:nth-child(odd){background-color:var(--color-neutrals-25)}.size-chart__drawer .size-chart__content table th,.size-chart__drawer .size-chart__content table:not(:has(thead)) tr:first-child td,.size-chart__drawer .size-chart__content table td:first-child{background-color:var(--color-primary-napa-orange-100)}
