.cs-stl__drawer.site-header__drawer{--color-primary: var(--root-color-primary);--color-secondary: var(--root-color-secondary);--cs-stl-line: color-mix(in srgb, var(--color-primary) 13%, transparent);--cs-stl-muted: color-mix(in srgb, var(--color-primary) 66%, transparent);--cs-stl-ease: cubic-bezier(.22, 1, .36, 1);position:fixed;inset:50% auto auto 50%;z-index:var(--z-index-modal, 30);width:min(1040px,100% - 32px);height:min(86dvh,940px);max-height:86dvh;padding:0;overflow:hidden;border-radius:10px;opacity:0;transform:translate(-50%,-46%)}.cs-stl__drawer.site-header__drawer.is-active{opacity:1;transform:translate(-50%,-50%)}body:has(.cs-stl__drawer.is-active):after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-index-modal, 30) - 1);background:#0000006b}.cs-stl__drawer .site-header__drawer-animate{height:100%}@media(prefers-reduced-motion:reduce){.cs-stl__drawer.site-header__drawer{transition-duration:.001ms!important}}.cs-stl__panel{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--color-secondary);color:var(--color-primary)}.cs-stl__bar{flex:none;display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--cs-stl-line)}.cs-stl__ptitle{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--element-text-font-family--heading, inherit);font-size:1.15rem;font-weight:var(--element-text-font-weight--heading, 500)}.cs-stl__barthumb{display:none;flex:none;width:40px;height:40px;overflow:hidden;border-radius:4px;background-color:color-mix(in srgb,var(--color-primary) 5%,transparent)}.cs-stl__barthumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--cs-stl-pos, 50% 50%)}.cs-stl__close{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--cs-stl-line);border-radius:50%;background:none;color:inherit;cursor:pointer}.cs-stl__close svg{display:block;width:14px;height:14px}.cs-stl__close:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.cs-stl__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.cs-stl__body{flex:1;min-height:0;display:grid}.cs-stl__hero{overflow:hidden;background-color:color-mix(in srgb,var(--color-primary) 4%,transparent)}.cs-stl__hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--cs-stl-pos, 50% 50%)}.cs-stl__list{min-height:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;-webkit-overflow-scrolling:touch}.cs-stl__row{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 16px}.cs-stl__row+.cs-stl__row{border-top:1px solid var(--cs-stl-line)}.cs-stl__thumb{display:block;width:64px;height:64px;overflow:hidden;border-radius:4px;background-color:color-mix(in srgb,var(--color-primary) 5%,transparent)}.cs-stl__thumb img{display:block;width:100%;height:100%;object-fit:contain}.cs-stl__info{display:flex;flex-direction:column;gap:2px;min-width:0}.cs-stl__name{color:inherit;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.cs-stl__name:hover{box-shadow:inset 0 -1px 0 0 currentColor}.cs-stl__price{color:var(--cs-stl-muted);font-size:.9em}.cs-stl__ctrl{flex:none;display:flex;align-items:center;gap:8px}.cs-stl__add{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:background-color .2s var(--cs-stl-ease),color .2s var(--cs-stl-ease),border-color .2s var(--cs-stl-ease),opacity .2s var(--cs-stl-ease)}.cs-stl__panel--cart-solid .cs-stl__add{color:var(--cs-stl-cart-fg, var(--color-button-primary-text, #ffffff));background-color:var(--cs-stl-cart-bg, var(--color-button-primary, #1c1c1c))}.cs-stl__panel--cart-outline .cs-stl__add{color:var(--cs-stl-cart-bg, var(--color-button-primary, #1c1c1c));background-color:transparent;border-color:color-mix(in srgb,var(--cs-stl-cart-bg, currentColor) 38%,transparent)}.cs-stl__panel--cart-outline .cs-stl__add:hover{color:var(--cs-stl-cart-fg, #ffffff);background-color:var(--cs-stl-cart-bg, var(--color-button-primary, #1c1c1c));border-color:transparent}.cs-stl__panel--cart-cream .cs-stl__add{color:var(--cs-stl-cart-bg, var(--color-button-primary, #1c1c1c));background-color:var(--cs-stl-cart-fg, #f7f1e8);border-color:color-mix(in srgb,var(--cs-stl-cart-bg, currentColor) 20%,transparent)}.cs-stl__panel--cart-cream .cs-stl__add:hover{background-color:color-mix(in srgb,var(--cs-stl-cart-bg, currentColor) 12%,var(--cs-stl-cart-fg, #f7f1e8))}.cs-stl__add svg{display:block;width:17px;height:17px}.cs-stl__panel--cart-solid .cs-stl__add:hover{background-color:color-mix(in srgb,var(--cs-stl-cart-bg, currentColor) 84%,#000)}.cs-stl__add:focus-visible{outline:2px solid currentColor;outline-offset:2px}.cs-stl__add[disabled]{opacity:.55;cursor:default}.cs-stl__add--done,.cs-stl__panel--cart-solid .cs-stl__add--done,.cs-stl__panel--cart-outline .cs-stl__add--done,.cs-stl__panel--cart-cream .cs-stl__add--done{color:var(--cs-stl-cart-bg, currentColor);background-color:color-mix(in srgb,var(--cs-stl-cart-bg, currentColor) 14%,transparent);border-color:transparent;cursor:default}.cs-stl__done{color:var(--cs-stl-muted);font-size:.8em;white-space:nowrap}.cs-stl__variant{color:inherit;font-size:.8em;white-space:nowrap;text-decoration:none;padding:8px 12px;border:1px solid var(--cs-stl-line);border-radius:100px}.cs-stl__variant:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.cs-stl__sold{color:var(--cs-stl-muted);font-size:.8em;white-space:nowrap}.cs-stl__skel{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:12px 16px}.cs-stl__skel+.cs-stl__skel{border-top:1px solid var(--cs-stl-line)}.cs-stl__skel span{display:block;height:12px;border-radius:3px;background-color:color-mix(in srgb,var(--color-primary) 9%,transparent)}.cs-stl__skel span:first-child{width:64px;height:64px;border-radius:4px}@media(prefers-reduced-motion:no-preference){.cs-stl__skel span{animation:cs-stl-shimmer 1.4s ease-in-out infinite}@keyframes cs-stl-shimmer{0%,to{opacity:1}50%{opacity:.45}}}.cs-stl__error{margin:0;padding:24px 16px;color:var(--cs-stl-muted);text-align:center}.cs-stl__pfoot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--cs-stl-line)}.cs-stl__all{color:inherit;font-size:.9em;text-decoration:none;box-shadow:inset 0 -1px 0 0 currentColor}@media only screen and (min-width:769px){.cs-stl__body{grid-template-columns:1.15fr 1fr}.cs-stl__list{border-inline-start:1px solid var(--cs-stl-line)}}@media only screen and (max-width:768px){.cs-stl__drawer.site-header__drawer{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;transform:translateY(7%)}.cs-stl__drawer.site-header__drawer.is-active{transform:translateY(0)}.cs-stl__body{grid-template-rows:20dvh 1fr}}@media only screen and (max-width:480px){.cs-stl__body{grid-template-rows:1fr}.cs-stl__hero{display:none}.cs-stl__barthumb{display:block}}.cs-stl__drawer--mthumb .cs-stl__barthumb{display:block}@media only screen and (max-width:768px){.cs-stl__drawer--mthumb .cs-stl__body,.cs-stl__drawer--moff .cs-stl__body{grid-template-rows:1fr}.cs-stl__drawer--mthumb .cs-stl__hero,.cs-stl__drawer--moff .cs-stl__hero{display:none}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/cs-fcp-shop-the-look-panel.css.map */