.background[data-v-2c11ccf0]{background-repeat:no-repeat;background-size:cover;height:390px;-o-object-fit:cover;object-fit:cover}.button-height[data-v-2c11ccf0]{height:58px}.filter-button[data-v-2c11ccf0]{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(18 104 93/var(--tw-bg-opacity,1));padding:.375rem .5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media(min-width:640px){.filter-button[data-v-2c11ccf0]{padding:.5rem 1rem}}.button-clicked[data-v-2c11ccf0]{--tw-bg-opacity:1;background-color:rgb(23 149 135/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.button-view[data-v-2c11ccf0]{display:flex;flex-direction:row}.search-overlay[data-v-2c11ccf0]{background-color:#000000d3;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.yt-video-size[data-v-2c11ccf0]{height:600px;width:1020px}.img-size[data-v-2c11ccf0]{height:600px}.yt-icon[data-v-2c11ccf0]{opacity:.7}@media screen and (max-width:1080px){.yt-video-size[data-v-2c11ccf0]{height:450px;width:765px}.img-size[data-v-2c11ccf0]{height:450px}}@media screen and (max-width:820px){.yt-video-size[data-v-2c11ccf0]{height:360px;width:612px}.img-size[data-v-2c11ccf0]{height:360px}}@media screen and (max-width:768px){.button-view[data-v-2c11ccf0]{width:100%}.filter-button[data-v-2c11ccf0]{width:50%}}@media screen and (max-width:640px){.background[data-v-2c11ccf0]{height:320px}.yt-video-size[data-v-2c11ccf0]{height:320px;width:544px}.img-size[data-v-2c11ccf0]{height:320px}.button-view[data-v-2c11ccf0]{width:100%}.filter-button[data-v-2c11ccf0]{width:50%}.button-height[data-v-2c11ccf0]{height:50px}}@media screen and (max-width:560px){.yt-video-size[data-v-2c11ccf0]{height:280px;width:476px}}@media screen and (max-width:480px){.yt-video-size[data-v-2c11ccf0]{height:230px;width:390px}}@media screen and (max-width:400px){.yt-video-size[data-v-2c11ccf0]{height:230px;width:340px}}.main-width[data-v-2c11ccf0]{height:400px;width:400px}ul[data-v-2c11ccf0]{list-style:none;text-align:center;width:100%}li[data-v-2c11ccf0]{display:inline-block}ul a[data-v-2c11ccf0]{color:#000;float:left;height:400px;overflow:hidden;position:relative;text-decoration:none;width:100%}ul a img[data-v-2c11ccf0]{height:100%;transition:filter .3s ease,padding .3s ease}ul a img[data-v-2c11ccf0],ul a:hover img[data-v-2c11ccf0]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}ul a:hover img[data-v-2c11ccf0]{--tw-grayscale:grayscale(0%)}ul a:focus strong[data-v-2c11ccf0]{animation:down-2c11ccf0 .3s ease forwards}b[data-v-2c11ccf0]{cursor:pointer;display:block;height:400px;position:absolute;transform:rotate(45deg);width:100%;z-index:2}b[data-v-2c11ccf0]:first-of-type{left:0;top:-75%}b[data-v-2c11ccf0]:nth-of-type(2){bottom:-75%;left:0}b[data-v-2c11ccf0]:nth-of-type(3){left:-75%;top:0}b[data-v-2c11ccf0]:nth-of-type(4){right:-75%;top:0}b[data-v-2c11ccf0]:hover{inset:0;transform:rotate(0);z-index:3}strong[data-v-2c11ccf0]{background:#fff;display:table;height:360px;margin:20px;opacity:0;position:absolute;top:0;transition:all .5s ease;width:360px}strong span[data-v-2c11ccf0]{align-items:center;display:table-cell;height:100%;justify-content:center;padding:10px;text-align:center;width:100%}b:first-of-type:hover~strong[data-v-2c11ccf0]{animation:down-2c11ccf0 .3s ease forwards}@keyframes down-2c11ccf0{0%{transform:translateY(-400px)}to{opacity:1;transform:translateY(0)}}b:nth-of-type(2):hover~strong[data-v-2c11ccf0]{animation:up-2c11ccf0 .3s ease forwards}@keyframes up-2c11ccf0{0%{transform:translateY(400px)}to{opacity:1;transform:translateY(0)}}b:nth-of-type(3):hover~strong[data-v-2c11ccf0]{animation:left-2c11ccf0 .3s ease forwards;top:0}@keyframes left-2c11ccf0{0%{transform:translate(-400px)}to{opacity:1;transform:translate(0)}}b:nth-of-type(4):hover~strong[data-v-2c11ccf0]{animation:right-2c11ccf0 .3s ease forwards;left:auto;right:0;top:0}@keyframes right-2c11ccf0{0%{transform:translate(400px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:440px){.main-width[data-v-2c11ccf0]{width:320px}.main-width[data-v-2c11ccf0],b[data-v-2c11ccf0],ul a[data-v-2c11ccf0]{height:320px}strong[data-v-2c11ccf0]{height:280px;width:280px}}@media screen and (max-width:360px){.main-width[data-v-2c11ccf0]{width:280px}.main-width[data-v-2c11ccf0],b[data-v-2c11ccf0],ul a[data-v-2c11ccf0]{height:280px}strong[data-v-2c11ccf0]{height:240px;width:240px}}.cat_full[data-v-2c11ccf0]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:100%;overflow-y:scroll;position:fixed;right:-20%;top:0;width:20%;z-index:9999}@media only screen and (max-width:600px){.cat_full[data-v-2c11ccf0]{height:100%;position:fixed;right:-90%;top:0;width:90%}}