.denim-fits{display:block;position:relative;overflow:hidden}.denim-fits__grid-view,.denim-fits__modal-view{opacity:1;transition:opacity var(--duration-medium,.3s) var(--ease-out-slow), transform var(--duration-medium,.3s) var(--ease-out-slow);transform:translateY(0)}.denim-fits__grid-view[data-leaving]{opacity:0;transform:translateY(calc(-1 * var(--spacing-medium)));pointer-events:none}.denim-fits__grid-view[data-entering]{opacity:0;transform:translateY(calc(-1 * var(--spacing-medium)))}.denim-fits__modal-view[data-entering]{opacity:0;transform:translateY(var(--spacing-medium))}.denim-fits__modal-view[data-leaving]{opacity:0;transform:translateY(var(--spacing-medium));pointer-events:none}@media (prefers-reduced-motion:reduce){.denim-fits__grid-view,.denim-fits__modal-view{transition:none}}.denim-fits__heading{margin:0 0 var(--spacing-normal);padding-inline:var(--spacing-normal);text-align:center;font-family:var(--font-heading-family);font-weight:var(--font-body-weight);font-size:var(--h2-font-size);letter-spacing:var(--letter-spacing-large);text-transform:uppercase;color:var(--body-text-color);line-height:1}@media (width>=769px){.denim-fits__heading{padding-inline:var(--spacing-large)}}.denim-fits__grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:flex-start;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.denim-fits__grid::-webkit-scrollbar{display:none}.denim-fits__grid.is-grabbable{cursor:grab}.denim-fits__grid.is-grabbing{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-snap-type:none}.denim-fits__tile{scroll-snap-align:start;flex:none;width:43.4783vw}@media (width>=769px){.denim-fits__tile{flex:1 1 0;width:auto;min-width:0;max-width:none}.denim-fits__grid:has(>:nth-child(6)) .denim-fits__tile{flex:none;width:20%}}.denim-fits__tile-trigger{width:100%;color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;flex-direction:column;align-items:stretch;padding:0;text-decoration:none;display:flex}.denim-fits__tile-trigger:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.denim-fits__tile-media{aspect-ratio:4/5;background-color:var(--bg-color-grey);width:100%;position:relative;overflow:hidden}.denim-fits__tile-media img{-o-object-fit:cover;object-fit:cover;height:100%}.denim-fits__tile-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--duration-medium) var(--ease-out-slow);position:absolute;inset:0}.denim-fits__tile-trigger:hover .denim-fits__tile-image{transform:scale(1.03)}.denim-fits__tile-placeholder{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.denim-fits__tile-text{gap:var(--spacing-xx-small);padding:var(--spacing-x-small);flex-direction:column;display:flex}.denim-fits__tile-title-row{align-items:center;gap:var(--spacing-x-small);display:flex}.denim-fits__tile-title{min-width:0;font-family:var(--font-button-family);font-weight:var(--font-body-weight);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-small);text-transform:uppercase;color:var(--body-text-color);word-break:break-word;flex:auto;line-height:1.4}.denim-fits__tile-icon{width:var(--spacing-normal);height:var(--spacing-normal);color:var(--body-text-color);flex:none;justify-content:center;align-items:center;display:inline-flex}.denim-fits__tile-icon svg{width:100%;height:100%;display:block}.denim-fits__tile-description{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--font-size-2xs);color:var(--body-text-color-light);word-break:break-word;margin:0;line-height:1.6}.denim-fits__modal{background-color:var(--bg-color-white);grid-template-columns:1fr;grid-template-areas:"header""content""media";display:grid;position:relative}.denim-fits__close{top:-var(--spacing-large);right:var(--spacing-x-small);z-index:2;width:2.5rem;height:2.5rem;padding:var(--spacing-x-small);background-color:var(--bg-color-white);color:var(--body-text-color);border:1px solid var(--bg-color-dark);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.denim-fits__close:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.denim-fits__close svg{width:100%;height:100%;display:block}@media (width>=769px){.denim-fits__modal{grid-template:"media header""media content"1fr/1fr 1fr;min-height:40rem}.denim-fits__close{display:none}}.denim-fits__modal-header{gap:var(--spacing-normal);padding:var(--spacing-x-large) var(--spacing-x-small) 0;flex-direction:column;grid-area:header;min-width:0;display:flex}@media (width>=769px){.denim-fits__modal-header{gap:var(--spacing-large);padding:var(--spacing-x-large) var(--spacing-x-large) 0}}.denim-fits__back{align-items:center;gap:var(--spacing-x-small);color:var(--body-text-color);cursor:pointer;font-family:var(--font-button-family);font-weight:var(--font-body-weight);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-small);text-transform:uppercase;background:0 0;border:0;align-self:flex-start;padding:0;line-height:1.3;display:none}@media (width>=769px){.denim-fits__back{display:inline-flex}}.denim-fits__back:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.denim-fits__back-icon{width:var(--spacing-normal);height:var(--spacing-normal);justify-content:center;align-items:center;display:inline-flex}.denim-fits__back-icon svg{width:100%;height:100%;display:block}.denim-fits__back-label{white-space:nowrap}.denim-fits__capsules-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:0;padding-inline:0;overflow-x:auto}.denim-fits__capsules-wrapper.is-grabbable,.denim-fits__products.is-grabbable{cursor:grab}.denim-fits__capsules-wrapper.is-grabbing,.denim-fits__products.is-grabbing{cursor:grabbing;-webkit-user-select:none;user-select:none}.denim-fits__capsules-wrapper::-webkit-scrollbar{display:none}@media (width>=769px){.denim-fits__capsules-wrapper{margin-inline:calc(-1 * var(--spacing-x-large));padding-inline:var(--spacing-x-large)}}.denim-fits__capsules{align-items:center;gap:var(--spacing-normal);width:max-content;margin:0;padding:0;list-style:none;display:flex}.denim-fits__capsule-item{flex:none}.denim-fits__capsule{padding:var(--spacing-x-small) var(--spacing-normal);background-color:var(--bg-color-white);color:var(--body-text-color);border:1px solid var(--bg-color-dark);cursor:pointer;font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-small);text-transform:uppercase;white-space:nowrap;transition:background-color var(--duration-default) var(--ease-out-slow), color var(--duration-default) var(--ease-out-slow);justify-content:center;align-items:center;line-height:1.6;display:inline-flex}.denim-fits__capsule[aria-selected=true]{background-color:var(--bg-color-dark);color:var(--body-text-color-white)}.denim-fits__capsule:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.denim-fits__panels,.denim-fits__panel{display:contents}.denim-fits__panel[hidden]{display:none}.denim-fits__panel-media{aspect-ratio:9/10;background-color:var(--bg-color-white);padding:0 var(--spacing-x-small);grid-area:media;position:relative;overflow:hidden}.denim-fits__panel-image,.denim-fits__panel-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.denim-fits__panel-video{filter:grayscale(0)blur()}.denim-fits__panel-placeholder{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.denim-fits__panel-thumbnail{left:var(--spacing-normal);bottom:var(--spacing-normal);background-color:var(--bg-color-grey);width:6.25rem;height:8.125rem;box-shadow:0 var(--spacing-xx-small) var(--spacing-small) #00000014;position:absolute;overflow:hidden}@media (width>=769px){.denim-fits__panel-media{padding:0}.denim-fits__panel-thumbnail{width:11.25rem;height:15rem}}.denim-fits__panel-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.denim-fits__panel-play-pause{right:var(--spacing-normal);bottom:var(--spacing-normal);width:var(--spacing-large);height:var(--spacing-large);color:var(--bg-color-dark);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.denim-fits__panel-play-pause:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.denim-fits__panel-play-pause svg{width:100%;height:100%;display:block}.denim-fits__panel-play-pause-icon{display:none}.denim-fits__panel-play-pause[data-state=playing] .denim-fits__panel-play-pause-icon--pause,.denim-fits__panel-play-pause[data-state=paused] .denim-fits__panel-play-pause-icon--play{display:inline-flex}.denim-fits__panel-content{gap:var(--spacing-large);padding:var(--spacing-normal) var(--spacing-x-small);flex-direction:column;grid-area:content;min-width:0;display:flex}@media (width>=769px){.denim-fits__panel-content{gap:var(--spacing-x-large);padding:var(--spacing-normal) var(--spacing-x-large) var(--spacing-x-large)}}.denim-fits__panel-header{gap:var(--spacing-x-small);color:var(--body-text-color);flex-direction:column;order:1;display:flex}.denim-fits__panel-title{font-family:var(--font-heading-family);font-weight:var(--font-weight-black);font-size:var(--h1-font-size-mobile);letter-spacing:var(--letter-spacing-large);text-transform:uppercase;word-break:break-word;margin:0;line-height:1}@media (width>=769px){.denim-fits__panel-title{font-size:var(--h0-font-size)}}.denim-fits__panel-description{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--font-size-sm);color:var(--body-text-color);margin:0;line-height:1.6}.denim-fits__panel-shop-all{padding-bottom:var(--spacing-xx-small);border-bottom:1px solid var(--body-text-color);color:var(--body-text-color);font-family:var(--font-button-family);font-weight:var(--font-body-weight);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-small);text-transform:uppercase;white-space:nowrap;order:2;justify-content:center;align-self:flex-start;align-items:center;line-height:1.3;text-decoration:none;display:inline-flex}.denim-fits__panel-shop-all:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.denim-fits__products{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:3;align-items:flex-start;gap:0;margin:0;margin-inline-start:0;margin-inline-end:calc(-1 * var(--spacing-x-small));padding:0;padding-inline:0;list-style:none;display:flex;overflow-x:auto}.denim-fits__products::-webkit-scrollbar{display:none}@media (width>=769px){.denim-fits__panel-shop-all{order:3}.denim-fits__products{order:2;margin-inline:0;padding-inline:0}}.denim-fits__product{width:calc((100vw - var(--spacing-x-small)) / 2.3);flex:none}@media (width>=769px){.denim-fits__product{flex:0 0 40%;width:40%;max-width:none}}.denim-fits__product-link{color:inherit;flex-direction:column;text-decoration:none;display:flex}.denim-fits__product .swym-wishlist-collections-v2-container{display:none}.denim-fits__product-link:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.denim-fits__product-media{aspect-ratio:4/5;background-color:var(--bg-color-grey);width:100%;position:relative;overflow:hidden}.denim-fits__product-media img{height:100%}.denim-fits__product-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--duration-medium) var(--ease-out-slow);position:absolute;inset:0}.denim-fits__product-link:hover .denim-fits__product-image{transform:scale(1.03)}.denim-fits__product-text{align-items:center;gap:var(--spacing-x-small);padding:var(--spacing-x-small);display:flex}.denim-fits__product-label{min-width:0;font-family:var(--font-button-family);font-weight:var(--font-body-weight);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-small);text-transform:uppercase;color:var(--body-text-color);word-break:break-word;flex:auto;line-height:1.4}.denim-fits__product-arrow{width:var(--spacing-normal);height:var(--spacing-normal);color:var(--body-text-color);flex:none;justify-content:center;align-items:center;display:inline-flex}.denim-fits__product-arrow svg{width:100%;height:100%;display:block}.denim-fits__empty{padding:var(--spacing-x-large);text-align:center;color:var(--body-text-color-light)}
