*{box-sizing:border-box}.container{margin:0 auto;padding:0;width:806px}.settings{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.page__menu,.settings__menu{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.page__menu label,.settings__menu label{background-color:rgba(21,31,41,.5);border:1px solid rgba(0,255,107,.4);border-radius:4px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;margin:0;padding:5px 12px}.page__menu label{font-size:13px;margin:0;padding:4px 12px}.menu__button:checked+label,.page__button:checked+label{background-color:#151f29;color:#f2d695}.menu__button:hover+label,.page__button:hover+label{background:rgba(0,255,107,.14);border-color:#00ff6b;box-shadow:0 0 18px rgba(0,255,107,.4);transform:translateY(-1px)}.menu__button,.page__button,.page__menu,.settings__menu{display:none}.page__image{border-radius:3px;width:100%}.image-wrap{margin-top:10px}@media (max-width:900px){.container{width:auto}.page__menu,.settings__menu{display:flex}.settings{padding:10px 0}}.settings__pages .pages__page{display:none}.settings__pages .pages__page.active{display:block}.pages__page .page__item{display:none}.pages__page .page__item.active{display:block}.image-wrap{position:relative}.hotspot-layer{inset:0;pointer-events:none;position:absolute;z-index:2}.hotspot-layer label{border-radius:4px;box-shadow:inset 0 0 0 .5px hsla(42,78%,77%,.9);cursor:pointer;display:block;pointer-events:auto;position:absolute;transition:box-shadow .15s ease}.hotspot-layer label:hover{box-shadow:inset 0 0 0 2px #f2d695}