.best-of-section__container{margin-left:.75rem;margin-right:.75rem;padding-bottom:1.25rem;padding-top:1.25rem}@media (min-width:1200px){.best-of-section__container{margin-left:auto;margin-right:auto;max-width:1576px;width:100%}}.best-of-section__header{align-items:center;display:flex;flex-direction:column;gap:1.25rem}@media (min-width:1200px){.best-of-section__header{flex-direction:row;gap:2.5rem;margin-left:auto;margin-right:auto;max-width:72.5rem}}.best-of-section__header>img{height:5rem;-o-object-fit:contain;object-fit:contain;width:7.5rem}@media (min-width:1200px){.best-of-section__header>img{height:9.375rem;margin-bottom:auto;width:12rem}}.best-of-section__text-wrapper{text-align:center}@media (min-width:1200px){.best-of-section__text-wrapper{text-align:left}}.best-of-section__text-wrapper>h2{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-size:1.25rem}@media (min-width:1200px){.best-of-section__text-wrapper>h2{font-size:2.25rem}}.best-of-section__text-wrapper>p{margin-top:.75rem}@media (min-width:1200px){.best-of-section__text-wrapper>p{margin-top:1.25rem}}.best-of-section__list-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;list-style-type:none;margin-left:auto;margin-right:auto;margin-top:2.5rem;max-width:55rem}@media (min-width:1200px){.best-of-section__list-container{gap:2.5rem;max-width:75rem}}.best-of-section__card-list{--tw-bg-opacity:1;--tw-shadow:0 9px 24px rgba(0,0,0,.11);--tw-shadow-colored:0 9px 24px var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:1rem;height:8.25rem;justify-content:center;outline-offset:1px;padding:1rem;position:relative;width:9rem}@media (min-width:576px){.best-of-section__card-list{width:10.5rem}}@media (min-width:1200px){.best-of-section__card-list{height:11.5rem;padding:2rem;width:16.25rem}}.best-of-section__card-list:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:#a0c4e7;outline-width:2px}.best-of-section__card-list:active{--tw-bg-opacity:1;background-color:rgb(255 244 179/var(--tw-bg-opacity));background-image:none}.best-of-section__card-list:after{--tw-content:"";background-image:linear-gradient(117.18deg,#ffdb00,#e69500 107.63%);;border-radius:.25rem;content:var(--tw-content);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.best-of-section__card-list:not(:active):hover:after{opacity:1}.best-of-section__image-box{display:flex;height:3rem;-o-object-fit:contain;object-fit:contain;position:relative;width:3rem;z-index:10}@media (min-width:1200px){.best-of-section__image-box{height:4rem;width:4rem}}.best-of-section__image-box>img{flex-shrink:0;height:100%;position:absolute;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);width:100%}@media (min-width:1200px){.best-of-section__image-box>img{min-height:64px}}.best-of-section__card-list:hover .image{opacity:0;transition:opacity .3s}.best-of-section__card-list .image-hover{opacity:0}.best-of-section__card-list:hover .image-hover{opacity:1;transition:opacity .3s}.best-of-section__card-list>h4{-webkit-box-orient:vertical;-webkit-line-clamp:2;--tw-text-opacity:1;color:rgb(0 60 118/var(--tw-text-opacity));display:-webkit-box;overflow:hidden;text-align:center;z-index:10}
