.practical__item{--item-icon-size: 1.5rem;--title-font-size: 1.125rem;--text-font-size: .875rem;display:grid;grid-template-columns:1.5rem minmax(.5rem,1fr);grid-template-columns:var(--item-icon-size) minmax(.5rem,1fr);gap:1em;grid-gap:1em;grid-gap:var(--col-gap, 1em);gap:var(--col-gap, 1em);align-items:flex-start;align-content:center;justify-content:flex-start;padding-top:1em;padding-bottom:1em;padding-top:var(--item-padding, 1em);padding-bottom:var(--item-padding, 1em);padding-left:1em;padding-right:1em;padding-left:var(--item-padding, 1em);padding-right:var(--item-padding, 1em);border-radius:m;border-radius:.5rem;--shadow-radius: .5rem;box-shadow:0 0 .5rem #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, var(--item-shadow-alpha, .15)));border:1px solid var(--color-border);background-color:var(--color-white);transition:box-shadow var(--trans-time) var(--trans-fnc);overflow:hidden}@media (hover: hover){a.practical__item:hover,button.practical__item:hover,select.practical__item:hover,input.practical__item:hover,textarea.practical__item:hover{--shadow-alpha: 30%}}input.practical__item:focus,textarea.practical__item:focus,.practical__item:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}@media only screen and (max-width: 768px){.practical__item{--col-gap: 1em}}.practical__item .icon{--icon_color: var(--color-primary);--icon-size: var(--item-icon-size);transform:translateY(15%)}.practical__item .icon--lang,.practical__item .icon--sign-in{--icon-size: 2.2em}.practical__item h4{display:block;margin-bottom:.25rem;font-size:var(--title-font-size);color:var(--color-secondary--lighten)}.practical__item p,.practical__item span{font-size:var(--text-font-size);color:var(--color-secondary--lighten)}a.practical__item{--overlay-opacity: 0;--blur: 0;position:relative;-webkit-text-decoration:none;text-decoration:none;overflow:hidden;cursor:pointer}a.practical__item:hover{--overlay-opacity: 1;--trans-fnc: ease-in;--blur: .5rem;--item-shadow-alpha: .3;-webkit-text-decoration:none;text-decoration:none}a.practical__item>.icon,a.practical__item>div:not([class]){filter:blur(var(--blur));transition:filter var(--trans-time) var(--trans-fnc)}.practical__overlay{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);display:block;width:101%;height:101%;background-color:var(--color-overlay);opacity:var(--overlay-opacity);transition:opacity var(--trans-time) var(--trans-fnc)}.practical__overlay>.button{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}