.icon__list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:300px;gap:var(--g-gap-s)}.icon__item{font-size:var(--f-size-l-2);color:rgb(var(--c-neutral-lightest));width:50px;height:50px;background:rgb(var(--c-primary));display:flex;justify-content:center;align-items:center}.icon__link{color:rgb(var(--c-neutral-lightest));width:50px;height:50px;background:rgb(var(--c-primary));display:flex;justify-content:center;align-items:center;&::after{font-size:8px;margin-left:2px}}@media (hover:hover){.icon__link:hover{background:rgb(var(--c-primary-dark));color:rgb(var(--c-neutral-lightest))}}div.shortcuts{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:120;height:auto;width:auto}@media (min-width:640px){div.shortcuts{bottom:50%;left:auto;right:0;transform:translateY(50%)}.icon__list{display:flex;flex-direction:column;width:auto}.tooltip{position:relative;text-decoration:none}.tooltip:after{content:attr(data-tooltip);position:absolute;top:6px;right:60px;background:rgb(var(--c-primary));padding:5px 15px;white-space:nowrap;display:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;line-height:25px;height:35px;font-family:var(--f-family);font-size:var(--f-size-s-1)}.tooltip:before{content:"";position:absolute;width:0;height:0;border-left:10px solid rgb(var(--c-primary));border-top:8px solid #fff0;border-bottom:8px solid #fff0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;display:none;right:50px;top:16px}@media (hover:hover){.tooltip:hover:after,.tooltip:hover:before{display:block}}}