.stl-trigger{position:absolute;inset-block-end:var(--padding-lg);inset-inline-end:var(--padding-lg);z-index:var(--layer-raised);margin:0;padding:var(--padding-xs) var(--padding-md);border:0;border-radius:0;background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);font-size:var(--font-size--2xs);line-height:1.4;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity var(--animation-speed) var(--animation-easing)}.stl-trigger:hover{opacity:.85}.stl-trigger:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.quick-add-modal .stl-trigger{display:none}.stl__dialog.dialog-modal{padding:var(--padding-4xl) var(--padding-lg) var(--padding-xl);overflow-y:auto}@media screen and (min-width:750px){.stl__dialog.dialog-modal{width:fit-content;max-width:min(calc(100vw - 2 * var(--margin-4xl)),64rem);max-height:calc(100dvh - 2 * var(--margin-4xl));padding:var(--padding-5xl) var(--padding-4xl) var(--padding-4xl)}}.stl__close.close-button{position:absolute;top:var(--margin-sm);right:var(--margin-sm);animation:none}.stl__title{margin:0 0 var(--margin-2xl);text-align:center;text-transform:uppercase}.stl__list{display:grid;gap:var(--gap-xl);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.stl__list{grid-template-columns:repeat(var(--stl-count, 3),13rem);justify-content:center}}@media screen and (max-width:749px){.stl__list{grid-auto-flow:column;grid-auto-columns:min(72%,17rem);justify-content:safe center;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--padding-lg);margin-inline:calc(-1 * var(--padding-lg));padding-inline:var(--padding-lg);padding-block-end:var(--padding-sm)}.stl__item{scroll-snap-align:start}}.stl__item{min-width:0}.stl__card{display:flex;flex-direction:column;gap:var(--gap-2xs);height:100%}.stl__media{display:block;aspect-ratio:4 / 5;overflow:hidden;margin-block-end:var(--margin-xs)}.stl__image{display:block;width:100%;height:100%;object-fit:cover}.stl__line{margin:0;font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);font-size:var(--font-size--2xs);letter-spacing:.08em;text-transform:uppercase}.stl__name{color:inherit;text-decoration:none}.stl__name:hover{text-decoration:underline;text-underline-offset:.2em}.stl__compare{margin-inline-start:var(--margin-2xs);opacity:.6}.stl__color{margin:0;font-family:var(--font-body--family);font-size:var(--font-size--2xs);opacity:.7}.stl__actions{display:flex;flex-direction:column;gap:var(--gap-xs);margin-block-start:auto;padding-block-start:var(--padding-xs)}.stl__select-wrap{position:relative}.stl__select{display:block;width:100%;margin:0;padding:var(--padding-sm) calc(var(--padding-lg) + var(--icon-size-2xs)) var(--padding-sm) var(--padding-sm);-webkit-appearance:none;appearance:none;border:var(--style-border-width-inputs, 1px) solid color-mix(in srgb,currentColor 30%,transparent);border-radius:0;background-color:transparent;color:inherit;font-family:var(--font-body--family);font-size:var(--font-size--xs);cursor:pointer}@media screen and (max-width:749px){.stl__select{font-size:var(--font-size--md)}}.stl__select:focus-visible{outline:var(--focus-outline-width) solid currentColor;outline-offset:var(--focus-outline-offset)}.stl__select-wrap .icon-caret{position:absolute;top:50%;right:var(--padding-sm);width:var(--icon-size-2xs);height:var(--icon-size-2xs);translate:0 -50%;pointer-events:none}.button.stl__add{width:100%}.stl__add[aria-busy=true]{opacity:.6;cursor:progress}.stl__error{margin:0;font-size:var(--font-size--2xs)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lcss-snippets-shop-the-look.css.map */