.button-height[data-v-6e61d134]{height:58px}.search-overlay[data-v-6e61d134]{background-color:#000000d3;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.yt-video-size[data-v-6e61d134]{height:600px;width:1020px}.img-size[data-v-6e61d134]{height:600px}.yt-icon[data-v-6e61d134]{opacity:.7}@media screen and (max-width:1080px){.yt-video-size[data-v-6e61d134]{height:450px;width:765px}.img-size[data-v-6e61d134]{height:450px}}@media screen and (max-width:820px){.yt-video-size[data-v-6e61d134]{height:360px;width:612px}.img-size[data-v-6e61d134]{height:360px}}@media screen and (max-width:640px){.background[data-v-6e61d134]{height:320px}.yt-video-size[data-v-6e61d134]{height:320px;width:544px}.img-size[data-v-6e61d134]{height:320px}.button-height[data-v-6e61d134]{height:50px}}@media screen and (max-width:560px){.yt-video-size[data-v-6e61d134]{height:280px;width:476px}}@media screen and (max-width:480px){.yt-video-size[data-v-6e61d134]{height:230px;width:390px}}@media screen and (max-width:400px){.yt-video-size[data-v-6e61d134]{height:230px;width:340px}}.main-width[data-v-6e61d134]{height:400px;width:400px}ul[data-v-6e61d134]{list-style:none;text-align:center;width:100%}li[data-v-6e61d134]{display:inline-block}ul a[data-v-6e61d134]{color:#000;float:left;height:400px;overflow:hidden;position:relative;text-decoration:none;width:100%}ul a img[data-v-6e61d134]{height:100%;transition:filter .3s ease,padding .3s ease}ul a img[data-v-6e61d134],ul a:hover img[data-v-6e61d134]{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-6e61d134]{--tw-grayscale:grayscale(0%)}ul a:focus strong[data-v-6e61d134]{animation:down-6e61d134 .3s ease forwards}b[data-v-6e61d134]{cursor:pointer;display:block;height:400px;position:absolute;transform:rotate(45deg);width:100%;z-index:2}b[data-v-6e61d134]:first-of-type{left:0;top:-75%}b[data-v-6e61d134]:nth-of-type(2){bottom:-75%;left:0}b[data-v-6e61d134]:nth-of-type(3){left:-75%;top:0}b[data-v-6e61d134]:nth-of-type(4){right:-75%;top:0}b[data-v-6e61d134]:hover{inset:0;transform:rotate(0);z-index:3}strong[data-v-6e61d134]{background:#fff;display:table;height:360px;margin:20px;opacity:0;position:absolute;top:0;transition:all .5s ease;width:360px}strong span[data-v-6e61d134]{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-6e61d134]{animation:down-6e61d134 .3s ease forwards}@keyframes down-6e61d134{0%{transform:translateY(-400px)}to{opacity:1;transform:translateY(0)}}b:nth-of-type(2):hover~strong[data-v-6e61d134]{animation:up-6e61d134 .3s ease forwards}@keyframes up-6e61d134{0%{transform:translateY(400px)}to{opacity:1;transform:translateY(0)}}b:nth-of-type(3):hover~strong[data-v-6e61d134]{animation:left-6e61d134 .3s ease forwards;top:0}@keyframes left-6e61d134{0%{transform:translate(-400px)}to{opacity:1;transform:translate(0)}}b:nth-of-type(4):hover~strong[data-v-6e61d134]{animation:right-6e61d134 .3s ease forwards;left:auto;right:0;top:0}@keyframes right-6e61d134{0%{transform:translate(400px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:440px){.main-width[data-v-6e61d134]{width:320px}.main-width[data-v-6e61d134],b[data-v-6e61d134],ul a[data-v-6e61d134]{height:320px}strong[data-v-6e61d134]{height:280px;width:280px}}@media screen and (max-width:360px){.main-width[data-v-6e61d134]{width:280px}.main-width[data-v-6e61d134],b[data-v-6e61d134],ul a[data-v-6e61d134]{height:280px}strong[data-v-6e61d134]{height:240px;width:240px}}