.practical__item{--item-shadow-alpha: .15;--item-bg: hsl(0, 0%, 100%);--item-icon-size: 2.4em;--title-font-size: 13.5pt;--text-font-size: 10pt;--item-padding-x: 1.2em;--item-padding-y: .8em;--col-gap: .8em;background-color:#fff;background-color:var(--item-bg);transition:box-shadow var(--trans-time) var(--trans-fnc);overflow:hidden;box-shadow:0 0 2em #00000026;box-shadow:0 0 2em 0 hsla(0,0%,0%,var(--item-shadow-alpha));display:grid;grid-template-columns:2.4em auto;grid-template-columns:var(--item-icon-size) auto;grid-gap:.8em;grid-gap:var(--col-gap);gap:.8em;gap:var(--col-gap);align-items:normal;align-content:flex-start;justify-content:flex-start;padding-top:.8em;padding-bottom:.8em;padding-top:var(--item-padding-y);padding-bottom:var(--item-padding-y);padding-left:1.2em;padding-right:1.2em;padding-left:var(--item-padding-x);padding-right:var(--item-padding-x);border-radius:.8em;border:1px solid hsl(0,0%,98%)}.practical__item--large{--title-font-size: 18pt;--text-font-size: 12pt;--item-bg: hsl(0, 0%, 98%);--col-gap: 1.2em;--item-icon-size: 3.2em;--item-padding: 1.6em}@media only screen and (max-width: 1024px){.practical__item--large{--item-icon-size: 2.4em}}.practical__item .icon{--icon-color: hsl(200, 75%, 58%);--icon-size: var(--item-icon-size)}.practical__item .icon--lang,.practical__item .icon--sign-in{--icon-size: 2.2em}.practical__item h4{display:block;margin-bottom:.4em;font-size:var(--title-font-size);color:#707070}.practical__item p,.practical__item span{font-size:var(--text-font-size);color:#707070}a.practical__item{--overlay-opacity: 0;--blur: 0;position:relative;-webkit-text-decoration:none;text-decoration:none;overflow:hidden;cursor:pointer}@media (hover: hover){a.practical__item:hover{--overlay-opacity: 1;--trans-fnc: ease-in;--blur: .8em;--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{display:block;width:101%;height:101%;background-color:var(--color-bg-theme--alpha);opacity:var(--overlay-opacity);transition:opacity var(--trans-time) var(--trans-fnc);position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.practical__overlay>.button{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}
