.hhn-look-inside{display:block;margin:0 0 1.5rem}.hhn-look-inside__button{width:100%}.hhn-look-inside-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.35);opacity:0;visibility:hidden;z-index:-1;overflow:auto;display:flex;padding:2rem 0}.hhn-look-inside-modal[open]{opacity:1;visibility:visible;z-index:101}.hhn-look-inside-modal__content{position:relative;background-color:rgb(var(--color-background));border-radius:12px;width:92%;max-width:70rem;margin:auto;padding:2.4rem 1.5rem 1.5rem}@media screen and (min-width:750px){.hhn-look-inside-modal__content{padding:3rem 3rem 2rem}}.hhn-look-inside-modal__toggle{position:absolute;top:1rem;right:1rem;z-index:3;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:none;border-radius:50%;cursor:pointer;background-color:rgba(var(--color-background),.92);box-shadow:0 1px 6px rgba(var(--color-shadow),.18);color:rgb(var(--color-foreground))}.hhn-look-inside-modal__toggle .icon{width:1.7rem;height:1.7rem}.hhn-look-inside-modal__heading{margin:0 0 1.8rem;padding-right:4rem}.hhn-look-inside__list{display:flex;gap:0;margin:0;padding:0}.hhn-look-inside__slide{flex:0 0 100%;scroll-snap-stop:always}.hhn-look-inside__slide img{display:block;max-height:72vh;width:auto;max-width:100%;height:auto;margin:0 auto;border-radius:4px;box-shadow:0 2px 12px rgba(var(--color-shadow),.12)}.hhn-look-inside__viewport{position:relative}.hhn-look-inside__controls{display:flex;align-items:center;justify-content:center;margin-top:1.2rem}@media screen and (min-width:750px){.hhn-look-inside__slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.hhn-look-inside__controls{display:contents}.hhn-look-inside__viewport{grid-column:1 / -1;grid-row:1}.hhn-look-inside__arrow{grid-row:1;z-index:2;width:4.4rem;height:4.4rem;padding:0;border-radius:50%;background-color:rgba(var(--color-background),.92);box-shadow:0 1px 6px rgba(var(--color-shadow),.18)}.hhn-look-inside__arrow--prev{grid-column:1;justify-self:start}.hhn-look-inside__arrow--next{grid-column:3;justify-self:end}.hhn-look-inside__counter{grid-column:1 / -1;grid-row:2;margin-top:1.2rem}}.hhn-look-inside__arrow .icon{width:1.2rem;height:1.2rem}.hhn-look-inside__arrow--prev .icon{transform:rotate(90deg)}.hhn-look-inside__arrow--next .icon{transform:rotate(-90deg)}.hhn-look-inside__arrow[disabled]{opacity:.4}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-look-inside.css.map */