.swiper-thumbs{margin-inline:calc(-1 * var(--metrics-gutter));padding:var(--metrics-gutter);background-color:var(--color-surface);transition:opacity,height .3s ease;.swiper-slide{width:var(--metrics-module)!important;border-radius:var(--metrics-unit);background-color:var(--color-surface);opacity:.4;&.swiper-slide-thumb-active{opacity:1;position:relative;z-index:2;&:after{content:"";position:absolute;z-index:0;inset:-4px;border-radius:var(--metrics-unit);border:2px solid var(--color-primary)}}}&:focus-visible{outline:none;position:relative;z-index:1;&:after{content:"";position:absolute;z-index:0;inset:8px;border-radius:var(--metrics-unit);background-color:var(--color-primary);opacity:.08}}}