*,:after,:before{
    border:0 solid #e5e7eb;
    box-sizing:border-box
}
:after,:before{
    --tw-content:""
}
html{
    -webkit-text-size-adjust:100%;
    font-feature-settings:normal;
    font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height:1.5;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4
}
body{
    line-height:inherit;
    margin:0
}
hr{
    border-top-width:1px;
    color:inherit;
    height:0
}
abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
}
a{
    color:inherit;
    text-decoration:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,pre,samp{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    border-collapse:collapse;
    border-color:inherit;
    text-indent:0
}
button,input,optgroup,select,textarea{
    color:inherit;
    font-family:inherit;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    margin:0;
    padding:0
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button;
    background-color:transparent;
    background-image:none
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
progress{
    vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
    margin:0
}
fieldset{
    margin:0
}
fieldset,legend{
    padding:0
}
menu,ol,ul{
    list-style:none;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:#9ca3af;
    opacity:1
}
input::placeholder,textarea::placeholder{
    color:#9ca3af;
    opacity:1
}
[role=button],button{
    cursor:pointer
}
:disabled{
    cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video{
    display:block;
    vertical-align:middle
}
img,video{
    height:auto;
    max-width:100%
}
[hidden]{
    display:none
}
html{
    font-size:1.33333vw
}
@media only screen and (min-width:768px){
    html{
        font-size:.71429vw
    }
}
@media only screen and (min-width:1400px){
    html{
        font-size:10px
    }
}
a{
    color:#fff
}
h1,h2,h3,h4,h5,h6{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity));
    margin-bottom:0!important
}
input[type=button]{
    border-radius:0
}
*,:after,:before{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width:0;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:
}
::backdrop{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width:0;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:
}
.fixed{
    position:fixed
}
.absolute{
    position:absolute
}
.relative{
    position:relative
}
.bottom-0{
    bottom:0
}
.bottom-\[3\.1rem\]{
    bottom:3.1rem
}
.left-0{
    left:0
}
.left-1\/2,.left-\[50\%\]{
    left:50%
}
.right-0{
    right:0
}
.top-0{
    top:0
}
.top-\[3\.8rem\]{
    top:3.8rem
}
.top-\[4\%\]{
    top:4%
}
.top-\[50\%\]{
    top:50%
}
.z-\[9999999999999\]{
    z-index:9999999999999
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.block{
    display:block
}
.inline{
    display:inline
}
.flex{
    display:flex
}
.h-\[3\.6vh\]{
    height:3.6vh
}
.h-\[90\%\]{
    height:90%
}
.h-\[calc\(\(74\.24vh\/16\)\*10\)\]{
    height:46.4vh
}
.h-full{
    height:100%
}
.w-1\/2{
    width:50%
}
.w-\[15\%\]{
    width:15%
}
.w-\[23\.9\%\]{
    width:23.9%
}
.w-\[34\.23\%\]{
    width:34.23%
}
.w-\[7\.8vh\]{
    width:7.8vh
}
.w-\[74\.24vh\]{
    width:74.24vh
}
.w-full{
    width:100%
}
.-translate-x-1\/2{
    --tw-translate-x:-50%
}
.-translate-x-1\/2,.-translate-y-1\/2{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2{
    --tw-translate-y:-50%
}
.transform{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.resize{
    resize:both
}
.overflow-y-scroll{
    overflow-y:scroll
}
.whitespace-pre-line{
    white-space:pre-line
}
.border{
    border-width:1px
}
.bg-\[rgba\(0\,0\,0\,0\.9\)\]{
    background-color:#000e6
}
.object-contain{
    -o-object-fit:contain;
    object-fit:contain
}
.object-cover{
    -o-object-fit:cover;
    object-fit:cover
}
.pb-\[6\.5rem\]{
    padding-bottom:6.5rem
}
.pt-\[6\.5rem\]{
    padding-top:6.5rem
}
.font-dot{
    font-family:font_dotgothic12std_m
}
.text-\[3rem\]{
    font-size:3rem
}
.text-\[4\.167rem\]{
    font-size:4.167rem
}
.text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.drop-shadow{
    --tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))
}
.drop-shadow,.filter{
    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)
}
.transition{
    transition-duration:.15s;
    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,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-backdrop-filter;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
@font-face{
    font-family:Galmuri11;
    font-style:normal;
    font-weight:400;
    src:url(/game/millennium_logic/Jp/assets/Galmuri11.woff2)
}
@media not all and (min-width:768px){
    .max-md\:hidden{
        display:none
    }
}
@media(min-width:768px){
    .md\:hidden{
        display:none
    }
}
@media(min-width:1280px){
    .xl\:hidden{
        display:none
    }
}
.logo[data-v-25aa6042]{
    height:6em;
    padding:1.5em;
    will-change:filter
}
.logo[data-v-25aa6042]:hover{
    filter:drop-shadow(0 0 2em #646cffaa)
}
.logo.vue[data-v-25aa6042]:hover{
    filter:drop-shadow(0 0 2em #42b883aa)
}
*,:after,:before{
    box-sizing:border-box;
    border:0 solid #e5e7eb
}
:after,:before{
    --tw-content:""
}
html{
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    font-family:Noto Sans JP,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    font-feature-settings:normal;
    font-variation-settings:normal
}
body{
    margin:0;
    line-height:inherit
}
hr{
    height:0;
    color:inherit;
    border-top-width:1px
}
abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
}
a{
    color:inherit;
    text-decoration:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,pre,samp{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    color:inherit;
    margin:0;
    padding:0
}
button,select{
    text-transform:none
}
#app{
    height:100%
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button;
    background-color:transparent;
    background-image:none
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
progress{
    vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
    margin:0
}
fieldset{
    margin:0
}
fieldset,legend{
    padding:0
}
menu,ol,ul{
    list-style:none;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder{
    opacity:1;
    color:#9ca3af
}
input::placeholder,textarea::placeholder{
    opacity:1;
    color:#9ca3af
}
[role=button],button{
    cursor:pointer
}
:disabled{
    cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video{
    display:block;
    vertical-align:middle
}
img,video{
    max-width:100%;
    height:auto
}
[hidden]{
    display:none
}
*,:after,:before{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width:0;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:
}
::backdrop{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width:0;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:
}
.fixed{
    position:fixed
}
.absolute{
    position:absolute
}
.bottom-0{
    bottom:0
}
.left-0{
    left:0
}
.right-0{
    right:0
}
.right-14{
    right:3.5rem
}
.top-0{
    top:0
}
.top-1{
    top:.25rem
}
.z-10{
    z-index:10
}
.z-40{
    z-index:40
}
.z-50{
    z-index:50
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.inline-block{
    display:inline-block
}
.flex{
    display:flex
}
.h-16{
    height:4rem
}
.h-full{
    height:100%
}
.w-16{
    width:4rem
}
.w-48{
    width:12rem
}
.w-full{
    width:100%
}
.flex-1{
    flex:1 1 0
}
.cursor-pointer{
    cursor:pointer
}
.flex-col{
    flex-direction:column
}
.items-center{
    align-items:center
}
.gap-8{
    gap:2rem
}
.self-start{
    align-self:flex-start
}
.overflow-hidden{
    overflow:hidden
}
.rounded-md{
    border-radius:.375rem
}
.rounded-xl{
    border-radius:.75rem
}
.border-2{
    border-width:2px
}
.border-black{
    --tw-border-opacity:1;
    border-color:rgb(0 0 0/var(--tw-border-opacity))
}
.border-white{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.bg-black{
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.object-cover{
    -o-object-fit:cover;
    object-fit:cover
}
.p-10{
    padding:2.5rem
}
.p-2{
    padding:.5rem
}
.px-3{
    padding-left:.75rem;
    padding-right:.75rem
}
.py-12{
    padding-top:3rem;
    padding-bottom:3rem
}
.py-20{
    padding-top:5rem;
    padding-bottom:5rem
}
.py-8{
    padding-top:2rem;
    padding-bottom:2rem
}
.pt-20{
    padding-top:5rem
}
.text-center{
    text-align:center
}
.font-display{
    font-family:"Galmuri11"
}
.leading-\[0\]{
    line-height:0
}
.text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.opacity-70{
    opacity:.7
}
.transition-opacity{
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
body.is-mobile{
    overflow:hidden
}
@media only screen and (orientation:portrait){
    body.is-mobile{
        transform-origin:left top;
        transform:rotate(90deg) translateY(-100%);
        width:100vh;
        height:100vw
    }
}
h2{
    font-size:4rem;
    margin-top:4rem;
    margin-bottom:4rem;
    font-weight:700
}
.is-mobile h2{
    font-size:2rem;
    margin-top:2rem;
    margin-bottom:2rem
}
h2:first-child{
    margin-top:0
}
.logo{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%);
    height:8vh;
    width:100%;
    text-align:center
}
.logo a{
    margin:.5vh auto 0
}
.logo a,.logo a img{
    height:100%;
    width:auto
}
.logo a img{
    margin:0 auto
}
@media only screen and (orientation:portrait){
    .logo .is-mobile{
        height:8vw
    }
    .logo .is-mobile a{
        margin-top:.5vw
    }
}
footer{
    background:#fff url(/game/millennium_logic/Jp/assets/img/footer-bg.png)
}
footer .logo-yostar{
    width:66.6rem
}
.frame-container{
    background:url(/game/millennium_logic/Jp/assets/img/background.png) no-repeat 50%;
    height:100%
}
.is-mobile .frame-container{
    min-height:auto;
    height:100vh
}
@media only screen and (orientation:portrait){
    .is-mobile .frame-container{
        height:100vw
    }
}
.frame-container .iframe-wrapper{
    position:relative;
    z-index:1;
    aspect-ratio:16/10
}
.frame-container .iframe-wrapper.is-fullscreen iframe{
    aspect-ratio:unset;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh
}
@media only screen and (orientation:portrait){
    .frame-container .iframe-wrapper.is-fullscreen iframe{
        width:100vh;
        height:100vw
    }
}
.frame-container .iframe-wrapper:after,.frame-container .iframe-wrapper:before{
    content:"";
    display:block;
    position:absolute;
    height:82%;
    width:24.5%;
    z-index:-1;
    top:18%
}
.frame-container .iframe-wrapper:before{
    background:url(/game/millennium_logic/Jp/assets/img/gamedev-left.png) no-repeat 50%;
    left:-15.58%;
    background-size:cover
}
.frame-container .iframe-wrapper:after{
    background:url(/game/millennium_logic/Jp/assets/img/gamedev-right.png) no-repeat 50%;
    right:-15.58%;
    background-size:cover
}
.flex-edges{
    flex:0 0 21.5%
}
.left-icons .help-icon,.left-icons .readme-icon{
    background-size:cover;
    position:relative;
    height:3.6vw;
    width:7.8vw
}
@media only screen and (orientation:portrait){
    .is-mobile .left-icons .help-icon,.is-mobile .left-icons .readme-icon{
        height:3.6vh;
        width:7.8vh
    }
}
.left-icons .help-icon:after,.left-icons .readme-icon:after{
    background-repeat:no-repeat;
    background-size:contain;
    width:100%;
    height:100%;
    opacity:0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:10;
    transition:opacity .3s ease-in-out
}
.left-icons .help-icon:hover,.left-icons .readme-icon:hover{
    cursor:pointer
}
.left-icons .help-icon:hover:after,.left-icons .readme-icon:hover:after{
    opacity:1
}
.left-icons .help-icon{
    background-image:url(/game/millennium_logic/Jp/assets/img/help.png)
}
.left-icons .help-icon:after{
    content:" ";
    background-image:url(/game/millennium_logic/Jp/assets/img/help-hover.png)
}
.left-icons .readme-icon{
    background-image:url(/game/millennium_logic/Jp/assets/img/readme.png)
}
.left-icons .readme-icon:after{
    content:" ";
    background-image:url(/game/millennium_logic/Jp/assets/img/readme-hover.png)
}
.modal{
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:3rem
}
.modal .modal-close-button{
    top:-1.5rem;
    right:-1.5rem;
    z-index:80
}
.modal .modal-content{
    overflow-y:auto;
    width:60vw;
    min-height:50vh;
    max-height:80vh
}
.modal .modal-content::-webkit-scrollbar{
    display:none
}
@media only screen and (orientation:portrait){
    .is-mobile .modal .modal-content{
        width:60vh;
        min-height:50vw;
        max-height:80vw
    }
}
.is-mobile .modal{
    font-size:1.5rem
}
.mobile-only{
    display:none
}
.is-mobile .mobile-only{
    display:block
}
.hover\:bg-white:hover{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.hover\:text-black:hover{
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity))
}
.hover\:opacity-100:hover{
    opacity:1
}