.size-guide__tab-container{position:relative;margin-bottom:16px}.size-guide__tabs{overflow-x:auto;overflow-y:hidden;display:flex}.size-guide__contents{position:relative}.size-guide__dimensions :is(td,th):first-child:before,.size-guide__dimensions:after{content:"";display:block;position:absolute;top:0;bottom:0;--width: 64px;width:var(--width);opacity:0;transition:opacity .25s;background:linear-gradient(var(--gradient-direction),rgba(255,255,255,0),rgba(255,255,255,.7))}.size-guide__dimensions :is(td,th):first-child:before{left:calc(100% + 1px);--gradient-direction: to left}.size-guide__dimensions:after{right:-16px;--gradient-direction: to right}.size-guide__dimensions.scroll-left :is(td,th):first-child:before{opacity:1}.size-guide__dimensions.scroll-right:after{opacity:1}.size-guide__dimensions{overflow-x:auto}.size-guide__icon{width:auto!important;height:24px;display:block;margin-bottom:4px}size-guide table{width:auto;font-weight:400;border-collapse:separate;white-space:nowrap;margin:0}size-guide th,size-guide td{min-width:56px;border:none;padding:16px 8px 16px 24px;font:var(--text-md)}size-guide th:last-child,size-guide td:last-child{padding-right:24px}size-guide th:first-child,size-guide td:first-child{color:var(--color-text-primary);border-right:1px solid var(--grays-gray-for-field, #E1E1E1);padding-left:8px;position:sticky;left:0}size-guide tr:first-child th,size-guide tr:first-child td{border-bottom:1px solid var(--grays-gray-for-field, #E1E1E1)}size-guide tr:nth-child(2n) td,size-guide tr:nth-child(2n) th{background:#f9f9f9}size-guide tr:nth-child(odd) td,size-guide tr:nth-child(odd) th{background:#fff}.size-guide__notes p{color:var(--color-text-tertiary);font-size:12px;font-weight:400;margin:12px 0 0;text-align:left}@media screen and (min-width: 992px){size-guide-tab{font-size:16px}size-guide th,size-guide td{min-width:104px}.size-guide__dimensions{overflow-x:hidden}size-guide th:last-child,size-guide td:last-child{padding-right:24px;width:100%}.size-guide__dimensions :is(td,th):first-child{padding-left:40px;min-width:120px;padding-right:16px}.size-guide__notes p{color:var(--color-text-primary);font-size:14px;font-weight:400;line-height:20px;margin-top:24px}}size-guide-unit-toggle{display:inline-flex;padding:2px;border-radius:9px;background:var(--fills-tertiary, rgba(118, 118, 128, .12));overflow:hidden;gap:2px}.size-guide__unit-radio{position:relative;padding:3px 10px;display:flex;align-items:center;justify-content:center;min-width:57px}.size-guide__unit-radio input{-webkit-appearance:none;appearance:none;position:absolute;padding:0;top:0;left:0;right:0;bottom:0;margin:0;background:none;cursor:pointer;border:none;min-height:unset;-webkit-tap-highlight-color:transparent;width:100%;height:100%}.size-guide__unit-radio label{position:relative;z-index:1;font-weight:400;-webkit-user-select:none;user-select:none;font-size:14px;line-height:18px;-webkit-tap-highlight-color:transparent}@media (hover: hover){.size-guide__unit-radio:hover input{background:#0000000a;border-radius:7px}}.size-guide__unit-radio:active input{background:#00000014;border-radius:7px}.size-guide__unit-radio input:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;box-shadow:0 3px 1px #0000000a,0 3px 8px #0000001f;cursor:auto;border-radius:7px;-webkit-tap-highlight-color:transparent;visibility:hidden;transition:transform .15s}.size-guide__unit-radio:first-child input:before{transform:translate(100%)}.size-guide__unit-radio:last-child input:before{transform:translate(-100%)}.size-guide__unit-radio input:checked:before{transform:translate(0);visibility:visible}@media (prefers-reduced-motion){.size-guide__unit-radio input:before{transform:none!important}}.size-guide__unit-radio input:checked+label{font-weight:500;cursor:auto}.size-guide-modal{position:relative;z-index:99999999}.size-guide__modal{padding:0 16px 24px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"header unit" "content content"}.size-guide__modal>h2{grid-area:header;font:var(--title-lg);margin:0;text-align:left}.size-guide__modal .size-guide__dimensions{margin-right:-16px}.size-guide__modal>size-guide-unit-toggle{grid-area:unit;justify-self:end;align-self:start}.size-guide__modal>size-guide{grid-area:content}.size-guide__modal .size-guide__back{display:none;grid-area:back-button;justify-self:start;font-size:14px;font-weight:400;align-items:center;border:none;background:none}.size-guide__modal .size-guide__back:before{content:"";display:block;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6667 7.1665L9.33341 12.4998L14.6667 17.8332' stroke='%23212121' stroke-width='1.5'/%3E%3C/svg%3E%0A")}@media screen and (max-width: 992px){.size-guide__modal .size-guide__tab-container{margin-right:-16px}.size-guide__modal--back-button{grid-template-columns:100px 1fr 100px;grid-template-areas:"back-button header unit" "content content content";padding-top:12px;row-gap:12px}.size-guide__modal--back-button .size-guide__back{display:flex}.size-guide__modal--back-button>h2{justify-self:center}.size-guide__modal--back-button .size-guide__unit-radio{min-width:46px}}@media screen and (min-width: 992px){.size-guide__modal{padding:40px;width:auto}.size-guide__modal size-guide{width:min-content;position:relative;padding-top:50px;min-width:576px}.size-guide__modal .size-guide__tab-container{position:absolute;left:0;right:0;top:0}.size-guide__modal .size-guide__tabs{min-width:0;max-width:100%}.size-guide__modal .size-guide__dimensions{overflow-x:visible;margin-right:0}.size-guide__modal .size-guide__contents{width:min-content}.size-guide__modal>size-guide-unit-toggle{align-self:center}.size-guide__modal>size-guide{margin-top:16px}}.size-guide__page{max-width:810px;margin:0 auto;padding:24px 16px}.size-guide__page-header{margin-bottom:24px;position:relative;display:grid;grid-template-columns:minmax(0,auto)}.size-guide__page h1{font:var(--title-lg);margin-bottom:16px}.size-guide__page-header size-guide-unit-toggle{position:absolute;top:16px;right:16px}.size-guide__page .size-guide__tab-container{margin-right:-16px;margin-left:-16px;padding-left:16px;padding-right:16px}.size-guide__page h2{font:var(--title-sm)}.size-guide__page-content{max-width:680px;margin:0 auto}.size-guide__category .size-guide__dimensions{margin-right:-16px;padding-right:16px}.size-guide__page-content{display:flex;flex-direction:column;gap:40px}@media screen and (min-width: 992px){.size-guide__page-header{justify-content:center;text-align:center}.size-guide__page-header .size-guide__tab-container,.size-guide__category{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/257/assets/size-guide.css.map */