body[data-template="page.denim-guide"] .page{display:block;padding:0 var(--gutter)}body[data-template="page.denim-guide"] .page .page-content{margin:0 auto}@media (min-width: 768px){body[data-template="page.denim-guide"] .page .page-content{margin:60px auto 50px}}body[data-template="page.denim-guide"] .page .page-content h1{margin:1em 0}.fits{margin:0 0 20px}@media (min-width: 846px){.fits{display:flex;column-gap:var(--gutter);margin:0 0 60px;overflow-x:auto;padding:0 var(--gutter)}}@media (min-width: 960px){.fits{justify-content:center}}.fits .flickity-prev-next-button{top:calc(50% - 25px)}.fits .flickity-button:disabled{opacity:0}@media (max-width: 845px){.fits:after{content:"flickity";display:none}}.fit-item{display:inline-block;position:relative}@media (max-width: 845px){.fit-item{box-sizing:content-box;padding-left:var(--gutter);width:calc(50vw - var(--gutter))}}@media (min-width: 846px){.fit-item{flex:0 0 150px}}.fit-item__image{position:relative}.fit-item__image img{display:block;width:100%}.fit-item__title{font:var(--sans);text-transform:uppercase;text-align:center}@media (min-width: 768px){.fit-item__title{width:140px}}.fit-item__description{align-items:center;background:#0009;bottom:0;color:#fff;display:flex;font:var(--sans);justify-content:center;left:0;line-height:1.3;opacity:0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;transition:opacity var(--slow);-webkit-user-select:none;user-select:none}@media (hover: hover){.fit-item__description:hover{opacity:1;transition-duration:var(--fast)}}.fit-guide{background:#000}@media (min-width: 768px){.fit-guide{margin:0 var(--gutter)}}.fit-guide__inner{box-sizing:content-box;margin:auto;max-width:930px;padding:var(--p) var(--gutter)}.page-content__hero-image{display:block;width:100%}.page-content{font:var(--serif-large);margin:50px auto;max-width:534px;text-align:center}.page-content h1{font:var(--sans-large);text-transform:uppercase}.fit-guide{background:#000;color:#fff}.fit-guide__top{box-sizing:content-box;font:var(--serif-large);margin:50px auto;max-width:302px;text-align:center}@media (min-width: 768px){.fit-guide__top{margin-top:60px;max-width:534px}}.fit-guide__top h2{font:var(--sans-large);text-transform:uppercase}.fit-guide__fit{column-gap:var(--gutter);display:grid;grid-template:"fit-intro" auto "product" auto "fit-info" auto/auto;margin:var(--p) 0}@media (max-width: 767px){.fit-guide__fit{row-gap:var(--p);background:#fff;padding:var(--gutter)}}@media (min-width: 568px){.fit-guide__fit{grid-template:"product fit-intro" 1fr "product fit-info" auto/3fr 5fr}}.fit-guide__fit:last-child{margin-bottom:calc(var(--p) * 2)}.fit-guide__example-product{align-self:flex-start;background:#fff;grid-area:product;position:relative}@media (min-width: 568px){.fit-guide__example-product{position:sticky;top:calc(var(--combined-height) + var(--p))}}.fit-guide__image{aspect-ratio:640/1138;display:block;object-fit:cover;width:100%}.fit-guide__video{aspect-ratio:640/1138;display:block;width:100%}.fit-guide__example-product-info{color:#000;margin:1em 0;max-width:100%;overflow:hidden;padding:0 var(--gutter);position:absolute;bottom:0;left:0;text-underline-position:auto}.fit-guide__example-product-info img{display:block;width:100%}.fit-guide__product-price-wrapper{margin-left:var(--inset)}.fit-guide__fit-intro{background:#fff;color:#000;font:var(--serif-large);grid-area:fit-intro}@media (min-width: 768px){.fit-guide__fit-intro{padding:0 var(--gutter);padding:30px 32px}}.fit-guide__fit-intro p:first-child{margin-top:0}.fit-guide__fit-intro p strong:first-child{display:inline-block;text-indent:var(--inset)}.fit-guide__fit-intro strong{font:var(--sans-large)}.fit-guide__fit-intro a{text-decoration-color:currentColor;text-decoration-thickness:1px}.fit-guide__fit-info{background:#fff;color:#000;grid-area:fit-info}@media (min-width: 768px){.fit-guide__fit-info{padding:0 calc(var(--gutter) * 2) calc(var(--gutter) * 2)}}.measure-sizes__wrapper{margin:1em calc(var(--p) * -1) 3em;margin:1em 0 3em;position:relative}@media (min-width: 768px){.measure-sizes__wrapper{max-width:393px}}.measure-sizes__wrapper:not([at-start]):before{background-image:linear-gradient(to right,#fff,#fff0);bottom:0;content:"";pointer-events:none;position:absolute;left:0;top:0;width:50px}.measure-sizes__wrapper:not([at-end]):after{background-image:linear-gradient(to left,#fff,#fff0);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:50px}.measure-sizes{display:grid;grid-template-columns:auto repeat(10,1fr);gap:12px 0;text-align:center;overflow:auto;padding:0 var(--p) 1em}@media (max-width: 767px){.measure-sizes{max-width:calc(100vw - var(--gutter) * 4)}}.measure-size__heading{align-self:center;text-align:left;margin-right:.25em}.measure-size{align-content:center;border:1px solid transparent;border-radius:15px;cursor:var(--pointer);display:inline-grid;height:30px;letter-spacing:0;margin:auto;min-width:30px;padding:0 5.5px;position:relative;text-align:center;transition:border-color var(--fast);-webkit-user-select:none;user-select:none}@media (max-width: 374px){.measure-size{height:27px;min-width:27px;padding:0}}.measure-size.active{border-color:currentColor}.size-type-toggles{display:flex;pointer-events:none}.size-type-toggle{background:#000;border:1px solid black;box-sizing:border-box;color:#fff;cursor:var(--pointer);font:var(--sans);margin:0 0 var(--p-extra);padding:var(--p-d2);pointer-events:auto;text-transform:uppercase;width:50px}.size-type-toggle.active{color:#000;background:var(--gold)}.size-type-measurements:not(.active){display:none}.measure-size-values{line-height:1.95}.measure-size-values:not(.active){display:none}:root.size-guide--open{height:100%;overflow:hidden}.denim-sizing-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition:background-color var(--fast);width:100%;z-index:10000000}:root.size-guide--open .denim-sizing-container{background-color:#0009;pointer-events:auto}.denim-sizing{opacity:0;pointer-events:none;position:relative;transition:opacity var(--fast);display:grid;grid-template:"page-tabs" auto "page" 1fr/auto;width:725px}@media (max-width: 1023px){.denim-sizing{grid-template:"close-denim" auto "page-tabs" auto "page" 1fr/auto;max-height:calc(100vh - 80px);width:100%}}@media (min-width: 1024px){.denim-sizing{grid-template:"page-tabs" auto "page" 1fr/auto;height:612px;max-height:100vh}}:root.size-guide--open .denim-sizing{opacity:1}.activate-denim-sizing{-webkit-appearance:none;border:none;border-radius:0;color:inherit;cursor:pointer;display:inline;font-weight:500;font:var(--serif);padding:0;text-decoration:underline;text-underline-position:under}@media (max-width: 767px){.activate-denim-sizing{margin:1em 0}}#close-denim{align-items:center;background-color:#fff;border-radius:18px;border:none;color:inherit;cursor:var(--pointer);display:flex;font:var(--sans);grid-area:close-denim;height:36px;justify-content:center;margin:15px;width:36px}:root.size-guide--open #close-denim{pointer-events:auto}@media (min-width: 1024px){#close-denim{position:absolute;left:100%;top:0}}.page-tabs{background:#fff;display:flex;position:relative;width:100%}:root.size-guide--open .page-tabs{pointer-events:auto}@media (max-width: 767px){.page-tabs{white-space:nowrap;padding:var(--p) var(--p) 0;display:block;overflow-x:auto;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}}@media (max-width: 767px){.page-tabs:not([at-start]):before{background:linear-gradient(to right,#fff,#fff0);content:"";height:45px;pointer-events:none;position:fixed;left:0;width:50px;z-index:2}}@media (max-width: 767px){.page-tabs:not([at-end]):after{background:linear-gradient(to left,#fff,#fff0);content:"";height:45px;pointer-events:none;position:fixed;right:0;width:50px;z-index:2}}.page-tab{align-items:center;background-color:#000;border:none;color:#fff;cursor:var(--pointer);display:flex;flex:1;font:var(--sans);justify-content:center;padding:var(--p-small) var(--p);text-transform:uppercase}@media (max-width: 767px){.page-tab{display:inline-block;height:38px;margin-right:var(--p-small);background:#e5e5e5;color:#000}.page-tab:last-child{margin-right:0}}@media (min-width: 768px){.page-tab{height:64px}}.page-tab.active{color:#000;background-color:#fff}@media (max-width: 767px){.page-tab.active{background-color:#000;color:#fff}}.measure-sizing{display:block}.denim-sizing-section{-ms-overflow-style:none;background-color:#fff;display:none;grid-area:page;overflow-y:auto;padding:var(--p);position:relative}:root.size-guide--open .denim-sizing-section{pointer-events:auto}.denim-sizing-section.product.active,.denim-sizing-section.measure.active{display:grid}@media (max-width: 767px){.denim-sizing-section.product,.denim-sizing-section.measure{grid-template:"top" auto "image" auto "bottom" auto/auto;row-gap:var(--p)}}@media (min-width: 768px){.denim-sizing-section.product,.denim-sizing-section.measure{grid-template:"image top" auto "image bottom" auto/1fr 1fr;column-gap:17px}}.denim-sizing-section.measure .measure-info-container{grid-area:info;flex-direction:column}.denim-sizing-section.measure .measure-info{display:none;margin-bottom:var(--p-extra)}.denim-sizing-section.measure .measure-info.active{display:inline-block}.denim-sizing-section.measure .measure-image-container{grid-area:image}.denim-sizing-section.measure .measure-image-container .measure-button{border:1px solid var(--gold);color:var(--gold);background-color:#fff;cursor:var(--pointer)}.denim-sizing-section.measure .measure-image-container .measure-button.active{background-color:var(--gold);color:#000}.denim-sizing-section .measure-collection{margin-bottom:var(--p-extra)}.denim-sizing-section .measure-info__top{grid-area:top}.denim-sizing-section .measure-info__top b{display:inline-block;margin-bottom:var(--p-d2);margin-right:var(--p-d2)}.denim-sizing-section .measure-info__top .measure-sizes{display:grid;flex-wrap:wrap;grid-template-columns:repeat(5,1fr);margin-bottom:var(--p-extra)}.denim-sizing-section .measure-info__top .measure-sizes .measure-size{align-items:center;border:1px solid transparent;border-radius:50%;cursor:var(--pointer);display:flex;height:30px;justify-content:center;margin-right:auto;width:30px}.denim-sizing-section .measure-info__top .measure-sizes .measure-size.active{border-color:currentColor}.denim-sizing-section .measure-info__bottom{grid-area:bottom}.denim-sizing-section .size-type-toggles{display:flex}.denim-sizing-section .size-type-toggles .size-type-toggle{background:#000;border:1px solid black;box-sizing:border-box;color:#fff;cursor:var(--pointer);font:var(--sans);margin:0 0 var(--p-extra);padding:var(--p-d2);text-transform:uppercase;width:50px}.denim-sizing-section .size-type-toggles .size-type-toggle.active{color:#000;background:var(--gold)}.denim-sizing-section .size-type-measurements{display:none}.denim-sizing-section .size-type-measurements.active{display:inline-block}.denim-sizing-section .size-type-measurements .measure-size-values{display:none}.denim-sizing-section .size-type-measurements .measure-size-values.active{display:flex;flex-direction:column;line-height:1.95}.denim-sizing-section .measure-image-container{flex:0 0 400px;grid-area:image;height:100%;position:relative}.denim-sizing-section .measure-image-container img{display:block;height:auto;width:100%}.denim-sizing-section .measure-image-container .measure-button{background:var(--gold);border:1px solid var(--gold);color:#000;font:var(--sans);margin:0;min-width:60px;padding:var(--p-d2) var(--p-small);position:absolute;text-transform:uppercase;z-index:1}.denim-sizing-section .measure-image-container .measure-button.waist{top:0;left:0}.denim-sizing-section .measure-image-container .measure-button.hip{top:80px;left:0}.denim-sizing-section .measure-image-container .measure-button.inseam{top:300px;left:0}.denim-sizing-section .measure-image-container .measure-button.leg{bottom:0;left:0}.denim-sizing-section .measure-image-container .measure-button.rise{top:54px;right:20px}.denim-sizing-section.international.active{display:flex;display:block}.denim-sizing-section.international{flex-direction:column}.denim-sizing-section.international .size-title{margin:3em 0 1em;text-align:center;width:100%}.denim-sizing-section.international .size-title:first-child{margin-top:0}.denim-sizing-section.international .size-title b{margin-right:var(--p-tiny)}.denim-sizing-section.international img{width:100%}.size-chart{overflow-x:auto}.size-chart::-webkit-scrollbar{display:none}.size-chart table{width:100%}.size-chart th,.size-chart td{padding:1em 3px;text-align:center}.size-chart th:first-child,.size-chart td:first-child{padding:0;text-align:left;width:25%}.size-chart th:nth-child(2),.size-chart td:nth-child(2){width:7.733%}.size-chart th{font:var(--sans);text-transform:uppercase}.size-chart td{font:400 13px Akkurat,sans-serif}@media (max-width: 767px){#close-denim{top:-60px;left:20px;right:unset}.page{overflow-y:auto;scrollbar-width:none}.page::-webkit-scrollbar{display:none}.page .measure-info-container{padding:0}.page .measure-image-container{margin:var(--p-extra) 0;display:block;height:435px;flex:unset}.page .measure-image-container.desktop-only{display:none}.page.international{position:relative}.page.international .size-title{text-align:left;padding-left:0}.page.international .white-gradient{background:linear-gradient(90deg,#fff0,#fff);height:340px;pointer-events:none;position:absolute;right:var(--p);top:0;width:110px;z-index:2;display:none}}
/*# sourceMappingURL=/cdn/shop/t/202/assets/page.denim-guide.css.map */