.practical__container{display:grid;grid-template-columns:repeat(4,minmax(.5rem,1fr));grid-template-columns:repeat(var(--col-count, 4),minmax(.5rem,1fr));gap:1.2em;grid-gap:1.2em;grid-gap:var(--col-gap, 1.2em);gap:var(--col-gap, 1.2em);align-items:space-between;align-content:stretch;justify-content:stretch}@media only screen and (max-width: 1024px){.practical__container{--col-count: 3}}@media only screen and (max-width: 768px){.practical__container{--col-count: 2}}@media only screen and (max-width: 425px){.practical__container{--col-count: 1}}.practical__video{border-radius:m;border-radius:.5rem;--shadow-radius: .5rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 .5rem #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, 15%));position:relative;width:100%;max-width:35rem;overflow:hidden}@media (hover: hover){a.practical__video:hover,button.practical__video:hover,select.practical__video:hover,input.practical__video:hover,textarea.practical__video:hover{--shadow-alpha: 30%}}input.practical__video:focus,textarea.practical__video:focus,.practical__video:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}.practical__video img{position:relative;display:block;max-width:100%;height:auto;z-index:5}section details{--icon-rotate: 0deg;--icon-display: block}section details[open]{--icon-rotate: -180deg}section details>summary{cursor:pointer}@media only screen and (max-width: 768px){section details>summary.jc-f{justify-content:space-between!important}}section details>summary::-webkit-details-marker{display:none}section details>summary+div{--content-pad-top: 1.5rem;padding-top:1.5rem;padding-top:var(--content-pad-top)}@media only screen and (max-width: 768px){section details>summary+div{--content-pad-top: 1rem}}section details>summary:hover>h3{-webkit-text-decoration:underline;text-decoration:underline}section details>summary>.icon{--icon_color: var(--color-text--light);--icon-size: 2em;display:var(--icon-display);transform:rotate(var(--icon-rotate));transition:transform var(--trans-time) var(--trans-fnc)}@media only screen and (max-width: 768px){section details>summary>.icon{--icon-size: 1em}}