.styling-directory{overflow:clip;padding-block:clamp(4.8rem,7vw,9rem);color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.styling-directory__inner{max-width:var(--heritage-content-width, 144rem)}.styling-directory__layout{display:grid;grid-template-columns:20rem minmax(0,1fr);gap:clamp(3.2rem,4.5vw,6.4rem)}.styling-directory__sidebar{min-width:0;padding-right:2.4rem;border-right:.1rem solid rgba(var(--color-foreground),.18)}.styling-directory__group{padding-block:1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.16)}.styling-directory__group:first-child{padding-top:0}.styling-directory__group summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:2.8rem;font-size:1.4rem;font-weight:600;line-height:1.35;list-style:none;cursor:pointer}.styling-directory__group summary::-webkit-details-marker{display:none}.styling-directory__group summary>span{position:relative;flex:0 0 1.2rem;width:1.2rem;height:1.2rem}.styling-directory__group summary>span:before,.styling-directory__group summary>span:after{content:"";position:absolute;top:50%;left:0;width:100%;height:.1rem;background:currentColor;transform:translateY(-50%);transition:transform .18s ease}.styling-directory__group summary>span:after{transform:translateY(-50%) rotate(90deg)}.styling-directory__group[open] summary>span:after{transform:translateY(-50%) rotate(0)}.styling-directory__options{display:grid;gap:.9rem;padding-top:1.4rem}.styling-directory__options label{display:flex;align-items:flex-start;gap:.9rem;color:rgba(var(--color-foreground),.78);font-size:1.3rem;line-height:1.45;cursor:pointer}.styling-directory__options input{flex:0 0 auto;width:1.5rem;height:1.5rem;margin:.15rem 0 0;accent-color:#c8102e}.styling-directory__reset{display:block;width:100%;min-height:4.4rem;box-sizing:border-box;margin:2.4rem auto 0;padding:1rem 1.6rem;border:.1rem solid currentColor;border-radius:0;text-align:center;color:inherit;background:transparent;font:inherit;font-size:1.2rem;font-weight:600;letter-spacing:.05em;cursor:pointer}.styling-directory__content-area{min-width:0}.styling-directory__header{margin-bottom:2.2rem;padding-bottom:2.4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.18)}.styling-directory__heading{margin:0;font-family:var(--font-heritage-family, Georgia, serif);font-size:clamp(4.4rem,5.7vw,7.4rem);font-weight:var(--font-heritage-weight, 400);letter-spacing:-.035em;line-height:.96}.styling-directory__intro{max-width:58rem;margin:1.6rem 0 0;color:rgba(var(--color-foreground),.68);font-size:1.6rem;line-height:1.6}.styling-directory__mobile-toolbar{display:none}.styling-directory__results-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.styling-directory__count{margin:0;color:rgba(var(--color-foreground),.7);font-size:1.3rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.styling-directory__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3.6rem,4.5vw,6.4rem) clamp(1.8rem,2.4vw,3.2rem);margin:0;padding:0;list-style:none}.styling-directory__item[hidden],.styling-directory__load-more[hidden]{display:none}.styling-directory__card{display:block;color:inherit;text-decoration:none}.styling-directory__media{overflow:hidden;width:min(100%,20rem);aspect-ratio:2 / 3;background:rgba(var(--color-foreground),.035)}.styling-directory__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.styling-directory__card-content{display:grid;gap:.45rem;padding-top:1.4rem}.styling-directory__title,.styling-directory__model,.styling-directory__leather,.styling-directory__byline{margin:0}.styling-directory__title{font-size:1.6rem;font-weight:600;line-height:1.35}.styling-directory__model,.styling-directory__leather{color:rgba(var(--color-foreground),.72);font-size:1.3rem;line-height:1.45}.styling-directory__byline{color:rgba(var(--color-foreground),.56);font-size:1.2rem;line-height:1.45}.styling-directory__view{margin-top:.55rem;color:#c8102e;font-size:1.25rem;font-weight:600}.styling-directory__filter-toggle:focus-visible,.styling-directory__sort select:focus-visible,.styling-directory__reset:focus-visible,.styling-directory__card:focus-visible,.styling-directory__drawer-head button:focus-visible{outline:.2rem solid #c8102e;outline-offset:.3rem}.styling-directory__empty{margin:5rem 0;color:rgba(var(--color-foreground),.65);font-size:1.5rem;text-align:center}.styling-directory__load-more-wrap{display:flex;justify-content:center;margin-top:5.6rem}.styling-directory__load-more{min-width:18rem;border-radius:0}.styling-directory__scrim,.styling-directory__drawer{display:none}@media(hover:hover){.styling-directory__card:hover .styling-directory__media img{transform:scale(1.025)}}@media screen and (max-width:989px)and (min-width:750px){.styling-directory__layout{grid-template-columns:18rem minmax(0,1fr);gap:3.2rem}.styling-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.styling-directory{overflow:hidden;padding-block:4rem 6.4rem}.styling-directory__layout{display:block}.styling-directory__sidebar{display:none}.styling-directory__header{margin-bottom:2rem;padding-bottom:0;border-bottom:0}.styling-directory__heading{font-size:4.4rem}.styling-directory__intro{margin-top:1.2rem;font-size:1.45rem;line-height:1.55}.styling-directory__mobile-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:100%;margin-bottom:1.4rem}.styling-directory__filter-toggle,.styling-directory__sort{display:flex;align-items:center;min-width:0;height:4.8rem;min-height:4.8rem;box-sizing:border-box;border:.1rem solid #b9b9b9;color:inherit;background:transparent}.styling-directory__filter-toggle{position:relative;justify-content:center;padding:.8rem 4.4rem .8rem .8rem;border-radius:.6rem;font:inherit;font-size:1.4rem;font-weight:300;cursor:pointer}.styling-directory__filter-icon{position:absolute;top:0;right:0;width:4.2rem;height:100%;border-left:.1rem solid #b9b9b9}.styling-directory__filter-icon:before,.styling-directory__filter-icon:after{content:"";position:absolute;top:50%;left:50%;width:1.8rem;height:.15rem;border-radius:999px;background:currentColor;transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .5s cubic-bezier(.75,0,.175,1)}.styling-directory__filter-icon:before{transform:translate(-50%,-.35rem)}.styling-directory__filter-icon:after{transform:translate(-50%,.35rem)}.styling-directory__filter-toggle[aria-expanded=true] .styling-directory__filter-icon:before{transform:translate(-50%) rotate(45deg)}.styling-directory__filter-toggle[aria-expanded=true] .styling-directory__filter-icon:after{transform:translate(-50%) rotate(-45deg)}.styling-directory__sort{position:relative;gap:0;padding:0;border-radius:.6rem;overflow:hidden;font-size:1.4rem}.styling-directory__sort>span:first-child{flex:0 0 7rem;padding:0 .6rem;text-align:center;box-sizing:border-box;white-space:nowrap}.styling-directory__sort select{-webkit-appearance:none;appearance:none;min-width:0;flex:1 1 auto;height:4.6rem;padding:.8rem 2.2rem .8rem .8rem;border:0;border-left:.1rem solid #b9b9b9;border-radius:0;color:inherit;background:transparent;font:inherit;text-align:center;text-align-last:center;cursor:pointer}.styling-directory__sort select:focus,.styling-directory__sort select:focus-visible{outline:none;box-shadow:none}.styling-directory__sort-chevron{position:absolute;top:50%;right:1.1rem;width:.8rem;height:.8rem;border-right:.12rem solid currentColor;border-bottom:.12rem solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}.styling-directory__results-meta{margin-bottom:1.6rem}.styling-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem 1.2rem}.styling-directory__card-content{gap:.35rem;padding-top:1.1rem}.styling-directory__title{font-size:1.4rem}.styling-directory__view{font-size:1.15rem}.styling-directory__scrim{position:fixed;z-index:49;top:0;right:0;bottom:0;left:0;display:block;opacity:0;background:#00000047;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);transition:opacity .32s ease}.styling-directory__scrim.is-open{opacity:1}.styling-directory__drawer{position:fixed;z-index:50;top:0;right:0;bottom:0;display:block;width:min(75vw,36rem);height:100vh;height:100dvh;padding:2rem;overflow-y:auto;overscroll-behavior:contain;color:rgb(var(--color-foreground));background:rgb(var(--color-background));transform:translate(100%);visibility:hidden;transition:transform .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .36s}.styling-directory__drawer.is-open{transform:translate(0);visibility:visible;transition-delay:0s}.styling-directory__drawer-head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding-bottom:1.4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.18)}.styling-directory__drawer-head strong{font-size:1.4rem;letter-spacing:.05em}.styling-directory__drawer-head button{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;color:inherit;background:transparent;font-size:2.7rem;font-weight:300;line-height:1;cursor:pointer}.styling-directory__drawer .styling-directory__group:first-of-type{padding-top:.6rem}html.styling-filters-open{overflow:hidden;width:min(100%,20rem);aspect-ratio:2 / 3}html.styling-filters-open #MainContent{z-index:4}}@media(prefers-reduced-motion:reduce){.styling-directory__media img,.styling-directory__group summary>span:before,.styling-directory__group summary>span:after,.styling-directory__filter-icon:before,.styling-directory__filter-icon:after,.styling-directory__scrim,.styling-directory__drawer{transition:none}}@media screen and (max-width:749px){html.styling-filters-open{overflow:hidden;width:auto;aspect-ratio:auto}.styling-directory__scrim{background:#00000080;display:block!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .6s ease-in-out}.styling-directory__drawer{opacity:0;transition:transform .6s cubic-bezier(.75,0,.175,1),opacity .6s ease-in-out,visibility 0s linear .6s}.styling-directory__drawer.is-open{opacity:1;transition-delay:0s}}@media(prefers-reduced-motion:reduce)and (max-width:749px){.styling-directory__scrim{transition:opacity .6s ease-in-out!important}.styling-directory__drawer{transition:transform .6s cubic-bezier(.75,0,.175,1),opacity .6s ease-in-out,visibility 0s linear .6s!important}.styling-directory__drawer.is-open{transition-delay:0s!important}}@media screen and (max-width:749px){.styling-directory__scrim[hidden]{display:none!important;pointer-events:none!important}.styling-directory__scrim:not([hidden]){display:block!important;pointer-events:auto}}@media screen and (max-width:749px){.styling-directory__drawer{top:75px;height:calc(100dvh - 75px);min-height:0;max-height:calc(100dvh - 75px)}}.styling-directory__group>summary{font-size:18px}.styling-directory__options label{font-size:13px}@media screen and (max-width:749px){.styling-directory__load-more{width:calc(100vw - 40px);min-width:0;max-width:calc(100vw - 40px);font-family:Arkitekt-Medium,adapter-pe-variable,Roboto Condensed,sans-serif;font-size:16px;font-weight:500;line-height:24px;border:1px solid currentColor;border-radius:0}.styling-directory__load-more:after{box-shadow:none}}@media screen and (max-width:375px){.styling-directory__sort select{padding-right:.8rem}}@media screen and (max-width:749px){.styling-directory__filter-toggle,.styling-directory__sort{font-weight:300}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/styling-guide-directory.css.map */