.twg-hs{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-5);--twg-hs-radius: 18px;--twg-hs-dot: 32px;--twg-hs-half: calc(var(--twg-hs-dot) / 2);--twg-hs-ring: 2px}.twg-hs__stage{position:relative;aspect-ratio:var(--twg-hs-ratio-m, 1)}.twg-hs__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--twg-hs-radius);background-color:rgb(var(--color-placeholder))}.twg-hs__markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.twg-hs__marker{position:absolute;left:clamp(var(--twg-hs-half),var(--twg-hs-xm),calc(100% - var(--twg-hs-half)));top:clamp(var(--twg-hs-half),var(--twg-hs-ym),calc(100% - var(--twg-hs-half)));translate:-50% -50%;pointer-events:auto;box-sizing:border-box;width:var(--twg-hs-dot);height:var(--twg-hs-dot);padding:0;border:var(--twg-hs-ring) solid rgb(var(--color-foreground) / .25);border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;font-family:var(--font-body-family);font-size:calc(var(--twg-hs-dot) * .44);font-weight:700;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .12s linear,color .12s linear,border-color .12s linear,scale .12s linear}.twg-hs__marker.is-active{background-color:rgb(var(--color-base-button));border-color:rgb(var(--color-base-button-text));color:rgb(var(--color-base-button-text));scale:1.12}.twg-hs__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:24px;line-height:1.2;letter-spacing:normal;text-transform:none;color:rgb(var(--color-foreground))}.twg-hs__panels{display:grid}.twg-hs__panel{grid-area:1 / 1;align-self:start;visibility:hidden;opacity:0;transition:opacity .12s linear}.twg-hs__panel.is-active{visibility:visible;opacity:1}.twg-hs__label{margin:0;font-family:var(--font-body-family);font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground) / .9)}.twg-hs__body{margin:var(--sp-2) 0 0;font-family:var(--font-body-family);font-size:15px;line-height:1.5;color:rgb(var(--color-foreground) / .8);overflow-wrap:break-word}.twg-hs__nav{display:flex;flex-wrap:wrap;gap:var(--sp-2d5)}.twg-hs__tab{box-sizing:border-box;width:var(--twg-hs-dot);height:var(--twg-hs-dot);padding:0;border:0;border-radius:50%;background-color:transparent;color:rgb(var(--color-foreground) / .78);display:flex;align-items:center;justify-content:center;font-family:var(--font-body-family);font-size:calc(var(--twg-hs-dot) * .44);font-weight:700;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .12s linear,color .12s linear}.twg-hs__tab.is-active{background-color:rgb(var(--color-base-button));color:rgb(var(--color-base-button-text))}.twg-hs__tab:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:2px}@supports not selector(:focus-visible){.twg-hs__tab:focus{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:2px}}.twg-hs__coords{position:absolute;inset-block-start:var(--sp-2);inset-inline-start:var(--sp-2);z-index:3;padding:3px var(--sp-2);border-radius:999px;background-color:rgb(var(--color-foreground) / .85);color:rgb(var(--color-background));font-family:var(--font-body-family);font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums}.twg-hs__coords:empty{display:none}.no-js .twg-hs__panels{display:block}.no-js .twg-hs__panel{visibility:visible;opacity:1}.no-js .twg-hs__panel+.twg-hs__panel{margin-block-start:var(--sp-4)}.no-js .twg-hs__panel:before{content:attr(data-index) ".";display:block;margin-block-end:var(--sp-1);font-family:var(--font-body-family);font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.12em;color:rgb(var(--color-foreground) / .55)}.no-js .twg-hs__nav{display:none}.no-js .twg-hs__marker{cursor:default;pointer-events:none}.no-js .twg-hs__marker.is-active{background-color:rgb(var(--color-background));border-color:rgb(var(--color-foreground) / .25);color:rgb(var(--color-foreground));scale:1}@media screen and (max-width:359.98px){.twg-hs{--twg-hs-dot: 28px}}@media screen and (min-width:750px){.twg-hs{--twg-hs-dot: 36px;gap:var(--sp-6)}.twg-hs__stage{aspect-ratio:var(--twg-hs-ratio-d, 1)}.twg-hs__marker{left:clamp(var(--twg-hs-half),var(--twg-hs-xd),calc(100% - var(--twg-hs-half)));top:clamp(var(--twg-hs-half),var(--twg-hs-yd),calc(100% - var(--twg-hs-half)))}.twg-hs__heading{font-size:28px}}@media screen and (prefers-reduced-motion:reduce){.twg-hs__marker,.twg-hs__tab,.twg-hs__panel{transition:none}}.twg-hs{--twg-hs-card-pad: var(--sp-3);--twg-hs-card-radius: 18px;--twg-hs-card-fill: rgb(var(--color-placeholder));--twg-hs-radius: calc(var(--twg-hs-card-radius) - var(--twg-hs-card-pad));padding:var(--twg-hs-card-pad);border-radius:var(--twg-hs-card-radius);background-color:var(--twg-hs-card-fill)}@media screen and (min-width:990px){.twg-hs{padding:0;background-color:transparent;--twg-hs-radius: 18px;max-width:1470px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;column-gap:var(--sp-8);row-gap:0}.twg-hs__stage{grid-column:3;grid-row:1 / -1;align-self:start}.twg-hs__nav{grid-column:2;grid-row:1 / -1;align-self:center;margin-inline-end:var(--sp-8);flex-direction:column;flex-wrap:nowrap;gap:var(--sp-3d5)}.twg-hs__heading{grid-column:1;grid-row:2;align-self:end;font-size:36px;margin-block-end:var(--sp-7)}.twg-hs__panels{grid-column:1;grid-row:3;align-self:start}.twg-hs__label{font-size:16px;letter-spacing:.08em}.twg-hs__body{font-size:17px;margin-block-start:var(--sp-2d5)}}@media screen and (min-width:990px){.twg-image-hotspots .section:before{background:none;background-color:transparent}.twg-image-hotspots .section{background-color:rgb(var(--color-placeholder))}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/twg-image-hotspots.css.map */