.card{position:relative}.card:has(.return__btn){transition:transform .5s}.card img{width:75px;height:118px}.card .card__content{width:75px;height:118px;display:block}.card__deck{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transform:rotate(0);transition:transform .5s}.card__deck img{object-fit:contain;width:275px;height:427px}.card .front{transform:rotateY(90deg);transition:all .2s ease-in;position:absolute}.flipped .front{transform:rotateY(0);transition-delay:.2s;transform:scale(1.2)}.card .back{transition:all ease-in .2s;transition-delay:.2s}.flipped .back{transform:rotateX(90deg);transition-delay:0s}.numeration{position:absolute;bottom:-10px;right:-10px;background-color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:Inter,sans-serif}.return__btn{position:absolute;top:-15px;right:-15px;width:32px;height:32px;cursor:pointer}.card.turned .card__deck,.card.turned{transform:rotate(90deg);transition:transform .5s;z-index:5}.cards{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:33px 20px;place-items:center}@media (max-width: 1180px){.cards{grid-template-columns:repeat(9,1fr)}}@media (max-width: 880px){.cards{grid-template-columns:repeat(6,1fr);gap:25px 10px}}@media (max-width: 560px){.cards{grid-template-columns:repeat(3,1fr)}}.cards.cards__deck{display:flex;align-items:center;justify-content:center;height:800px}@media (max-width: 900px){.cards.cards__deck{flex-direction:column;gap:20px;margin:0;height:100%}}.second__deck .card__deck .front:hover{transform:rotate(180deg) scale(1.2)!important}.second__deck .card__deck .front:active{transform:rotate(0) scale(1.2)!important}.container{max-width:1162px;padding:0 20px;margin:0 auto}.app{height:100%;padding:31px 0 101px}.content{display:flex;flex-direction:column}.content h1{font-size:26px;font-weight:600;margin-bottom:22px}@media (max-width: 768px){.content h1{font-size:22px;margin-bottom:15px;text-align:start;line-height:32px}}.block.first{padding-bottom:40px;border-bottom:1px solid #000;margin-bottom:36px}.block__top{display:flex;align-items:center;justify-content:space-between;text-align:center;margin-bottom:20px}@media (max-width: 768px){.block__top{flex-direction:column;gap:12px;align-items:start}}.block.second .block__top{justify-content:center}.block__top div{display:flex;align-items:center;gap:10px}.block__top div h2{font-weight:600}.block__top button{border-radius:20px;border:1px solid #000;background:#d9d9d9;padding:7px 23px;max-width:189px;width:100%}.block__top button.active{background-color:#696b8c}.block.second .flipped .front:hover{transform:rotate(180deg) scale(1.2)}.block.second .flipped .front:active{transform:rotate(0) scale(1.2)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden;text-align:center}body{font-family:Libre Franklin,sans-serif;background-color:#f0efef}button{background-color:transparent;border:none}