.gsj-look{--stl-accent: #c6a664;--stl-ink: #0a0a0a;--stl-line: rgba(255, 255, 255, .12);--stl-muted: rgba(255, 255, 255, .64);--stl-panel-w: 420px;--stl-R: 34px;--stl-stem: calc(var(--stl-R) - 14px)}.gsj-look *,.gsj-look *:before,.gsj-look *:after{box-sizing:border-box}.gsj-look .stl-tile{position:relative;overflow:hidden;border-radius:5px;background:#060606}.gsj-look .stl-tile__img{width:100%;height:100%;object-fit:cover;display:block}.gsj-look .stl-hotspot{position:absolute;width:0;height:0;z-index:3;--ox: 0px;--oy: 0px}.gsj-look .stl-hotspot.is-up{--ox: 0px;--oy: calc(-1 * var(--stl-R))}.gsj-look .stl-hotspot.is-down{--ox: 0px;--oy: var(--stl-R)}.gsj-look .stl-hotspot.is-left{--ox: calc(-1 * var(--stl-R));--oy: 0px}.gsj-look .stl-hotspot.is-right{--ox: var(--stl-R);--oy: 0px}.gsj-look .stl-hotspot.is-center{--ox: 0px;--oy: 0px}.gsj-look .stl-target{position:absolute;left:0;top:0;width:3px;height:3px;border-radius:50%;background:var(--stl-accent);box-shadow:0 0 0 2px #00000059;transform:translate(-50%,-50%);pointer-events:none}.gsj-look .stl-hotspot.is-center .stl-target{display:none}.gsj-look .stl-stem{position:absolute;left:0;top:0;background:var(--stl-accent);opacity:.65;pointer-events:none}.gsj-look .is-up .stl-stem{width:1px;height:var(--stl-stem);transform:translate(-50%,-100%)}.gsj-look .is-down .stl-stem{width:1px;height:var(--stl-stem);transform:translate(-50%)}.gsj-look .is-left .stl-stem{height:1px;width:var(--stl-stem);transform:translate(-100%,-50%)}.gsj-look .is-right .stl-stem{height:1px;width:var(--stl-stem);transform:translateY(-50%)}.gsj-look .is-center .stl-stem{display:none}.gsj-look .stl-dot{position:absolute;left:0;top:0;width:28px;height:28px;margin:0;padding:0;border:0;cursor:pointer;border-radius:50%;background:var(--stl-accent);color:var(--stl-ink);font-family:var(--font-heading-family, "Montserrat", sans-serif);font-weight:700;font-size:13px;line-height:28px;text-align:center;box-shadow:0 2px 10px #00000073;-webkit-tap-highlight-color:transparent;transform:translate(-50%,-50%) translate(var(--ox,0px),var(--oy,0px));transition:transform .18s ease,box-shadow .18s ease}.gsj-look .stl-dot:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.gsj-look .stl-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--stl-accent);opacity:.5;animation:stl-pulse 2.4s ease-out infinite;pointer-events:none}.gsj-look .stl-dot:hover,.gsj-look .stl-dot:focus-visible{transform:translate(-50%,-50%) translate(var(--ox,0px),var(--oy,0px)) scale(1.14);outline:none}.gsj-look .stl-dot:focus-visible{box-shadow:0 0 0 3px #ffffffd9}.gsj-look .stl-dot--stacked{right:12px;top:calc(12px + (var(--stack) * 34px));left:auto;transform:none;z-index:4}.gsj-look .stl-dot--stacked:hover{transform:scale(1.12)}@keyframes stl-pulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.9);opacity:0}to{opacity:0}}.gsj-look .stl-shoplook{position:absolute;left:12px;bottom:12px;z-index:5;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;background:#fffffff2;color:#111;border:0;border-radius:100px;cursor:pointer;font-family:var(--font-heading-family, "Montserrat", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:11px;box-shadow:0 2px 12px #00000059;transition:background .2s ease}.gsj-look .stl-shoplook:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.gsj-look .stl-shoplook:hover{background:#fff}.gsj-look .stl-shoplook svg{width:15px;height:15px}.gsj-look .stl-cgrid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-image:linear-gradient(to right,rgba(198,166,100,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(198,166,100,.28) 1px,transparent 1px);background-size:10% 10%}.gsj-look .stl-coord{position:absolute;top:8px;left:8px;z-index:6;pointer-events:none;background:#000000d1;color:var(--stl-accent);font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:4px;border:1px solid rgba(198,166,100,.5);font-variant-numeric:tabular-nums;line-height:1.2}.gsj-look .stl-panelwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482000;visibility:hidden}.gsj-look .stl-panelwrap.is-open{visibility:visible}.gsj-look .stl-panel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .3s ease}.gsj-look .stl-panelwrap.is-open .stl-panel__scrim{opacity:1}.gsj-look .stl-panel{position:absolute;top:0;right:0;height:100%;width:var(--stl-panel-w);max-width:100vw;background:#0a0a0a;border-left:1px solid var(--stl-accent);display:flex;flex-direction:column;transform:translate(100%);transition:transform .34s cubic-bezier(.16,1,.3,1);box-shadow:-16px 0 40px #00000080}.gsj-look .stl-panelwrap.is-open .stl-panel{transform:translate(0)}@media(max-width:600px){.gsj-look .stl-panel{width:100vw;border-left:0}}.gsj-look .stl-panel__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--stl-line);flex:0 0 auto}.gsj-look .stl-panel__title{font-family:var(--font-heading-family, "Montserrat", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:#fff}.gsj-look .stl-panel__close{width:44px;height:44px;margin:-10px -10px -10px 0;background:none;border:0;color:#fff;cursor:pointer;font-size:26px;line-height:1}.gsj-look .stl-panel__close:hover{color:var(--stl-accent)}.gsj-look .stl-panel__grid{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:340px){.gsj-look .stl-panel__grid{grid-template-columns:1fr}}.gsj-look .stl-panel__empty{grid-column:1/-1;text-align:center;color:var(--stl-muted);padding:40px 12px}.gsj-look .stl-pcard{display:flex;flex-direction:column;background:#0d0d0d;border:1px solid var(--stl-line);border-radius:6px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.gsj-look .stl-pcard.is-selected{border-color:var(--stl-accent);box-shadow:0 0 0 1px var(--stl-accent)}.gsj-look .stl-pcard__well{aspect-ratio:1/1;background:#060606;display:flex;align-items:center;justify-content:center;padding:10px}.gsj-look .stl-pcard__well img{max-width:100%;max-height:100%;object-fit:contain;display:block}.gsj-look .stl-pcard__body{padding:10px 10px 12px;display:flex;flex-direction:column;gap:5px;flex:1 1 auto}.gsj-look .stl-pcard__title{color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gsj-look .stl-pcard__title:hover{color:var(--stl-accent)}.gsj-look .stl-pcard__meta{margin:0;color:var(--stl-accent);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.gsj-look .stl-pcard__price{margin:0;color:var(--stl-muted);font-size:13px}.gsj-look .stl-pcard__form{margin-top:auto;padding-top:4px}.gsj-look .stl-padd{width:100%;min-height:44px;cursor:pointer;background:var(--stl-accent);color:var(--stl-ink);border:1px solid var(--stl-accent);border-radius:4px;font-family:var(--font-heading-family, "Montserrat", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:12px;transition:background .2s ease,color .2s ease}.gsj-look .stl-padd:hover{background:transparent;color:var(--stl-accent)}.gsj-look .stl-padd[disabled]{opacity:.4;cursor:not-allowed}html.stl-locked,html.stl-locked body{overflow:hidden}@media(prefers-reduced-motion:reduce){.gsj-look .stl-dot:after{animation:none;opacity:.5}.gsj-look .stl-dot,.gsj-look .stl-panel,.gsj-look .stl-panel__scrim,.gsj-look .stl-padd,.gsj-look .stl-pcard{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/gsj-look.css.map */