.practical__item{--item-shadow-alpha: .15;--item-bg: hsl(0deg, 0%, 100%);--item-icon-size: 2.4em;--title-font-size: large;--text-font-size: small;--item-padding: .8em 1.2em;--col-gap: .8em;gap:var(--col-gap);display:grid;grid-template-columns:var(--item-icon-size) auto;align-items:center;align-content:flex-start;justify-content:flex-start;padding:var(--item-padding);border-radius:m;border-radius:.8em;box-shadow:0 0 2em 0 hsla(0,0%,0%,var(--item-shadow-alpha));border:1px solid hsl(0deg,0%,98%);background-color:var(--item-bg);transition:box-shadow var(--trans-time) var(--trans-fnc);overflow:hidden}.practical__item--large{--title-font-size: x-large;--text-font-size: medium;--item-bg: hsl(0deg, 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}}@media only screen and (max-width: 425px){.practical__item--large{--item-padding: .8em 1.6em}}.practical__item .icon{--icon-color: hsl(258deg, 100%, 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}.practical__item:is(a){--overlay-opacity: 0;--blur: 0;position:relative;text-decoration:none;overflow:hidden;cursor:pointer}.practical__item:is(a):hover{--overlay-opacity: 1;--trans-fnc: ease-in;--blur: .8em;--item-shadow-alpha: .3;text-decoration:none}.practical__item:is(a)>.icon,.practical__item:is(a)>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-bg-theme--alpha);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%)}
