#app-main{display:flex;flex-direction:column;gap:40px}.image-container{z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:300px;background-color:var(--white);border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;background:url(/imgs/plains.webp) no-repeat center center fixed;background-size:cover}.search-form{display:flex;flex-direction:row;align-items:center;background-color:rgba(var(--template_shadows_opp),.2);padding:10px 20px;border-radius:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-form>label{display:flex;position:relative;text-align:center;gap:10px;flex-direction:column;font-family:var(--Default);font-weight:600;font-size:1.1em;color:var(--black)}.search-form>label>*{height:40px;width:180px}.search-form>label+label{margin-left:40px}.search-form>label+label:before{content:"";position:absolute;background:#0003;top:0;width:2px;height:100%;border-radius:10px;transform:translate(-20px)}.separator{display:flex;margin:0 20px;flex-direction:column;height:100%}.separator>.line{width:2px;flex:1 1 0;background:#0003;align-self:center}.separator>.separator-or{font-weight:500;opacity:.5}.hero-section{display:flex;flex-direction:row;align-items:center;padding:20px;background-color:var(--white);border-radius:10px;box-shadow:0 4px 8px rgba(var(--template_shadows),.2);text-align:center;gap:0px 10px}.hero-section>.hero-title{display:flex;flex-direction:column;gap:20px}.hero-section>.hero-title>h2{margin:0;text-wrap:pretty}.hero-section>.hero-title>h2>strong{display:inline-flex;padding:0 0 5px;position:relative;width:fit-content;overflow:hidden}.hero-section>.hero-title>h2>strong:before{position:absolute;content:"aaaaaaaaaaa";bottom:5px;right:0;font-size:40px;transform:translate(50%);pointer-events:none;color:transparent;animation:move 5s linear infinite;text-decoration-style:wavy;text-decoration-color:var(--dark-gray);text-decoration-line:underline}.hero-section>.hero-title>p{margin:0;font-size:1.1rem;color:var(--dark-gray)}.hero-section>*{flex:1 1 0px}.hero-images{display:flex;flex-direction:row;justify-content:center;align-items:center}.hero-images>img{position:relative;width:250px;height:300px;border-radius:10px;object-fit:cover;box-shadow:0 4px 8px rgba(var(--template_shadows),.1);background-color:var(--white);padding:15px 15px 40px;border:2px solid var(--light-gray);transition:all .3s ease}.hero-images>img:nth-child(1){margin-right:-100px;rotate:4deg;z-index:1}.hero-images>img:nth-child(2){z-index:2}.hero-images>img:nth-child(3){margin-left:-100px;rotate:-4deg;z-index:3}.hero-images>img:hover,.hero-images>img:active{z-index:4;box-shadow:0 6px 12px #0006;transform:scale(1.05);rotate:0deg;cursor:pointer}/*! gamba section */.gamba-countries{position:relative;text-align:center;margin-bottom:100px;background-color:rgba(var(--template_shadows_opp),.1);padding:10px 0;border-radius:16px;display:flex;height:218px!important}.gamba-countries>.gamba-title{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-wrap:pretty;padding:10px 30px}.gamba-countries>.gamba-title>h3{display:flex;margin-bottom:10px;width:fit-content;justify-content:center;align-items:center;position:relative}.gamba-countries>.gamba-title>p{margin-bottom:20px;font-size:.9rem;color:var(--dark-gray)}.gamba-countries>.gamba-title>#reroll-button{transition:scale .3s ease-in-out}.gamba-countries>.gamba-title>#reroll-button:hover{scale:1.05}.gamba-countries>.gamba-title:before{content:"";position:absolute;height:100%;width:2px;background-color:rgba(var(--template_shadows),.2);right:0}#reroll-countries{flex:1 1 0;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:20px}#reroll-countries>li{background-color:rgba(var(--template_shadows),.05);border-radius:10px;padding:10px 10px 5px;display:flex;flex-direction:column;gap:7px;list-style:none;height:fit-content;width:200px!important}#reroll-countries>li>a{display:flex;justify-content:center}.gamba-flag{aspect-ratio:3/2;width:100%;height:auto;object-fit:cover;border-radius:10px;transition:scale .3s ease-in-out}.gamba-flag:hover{scale:1.05}.gamba-info{position:relative;display:flex;align-items:baseline;justify-content:center;color:inherit;text-decoration:none}.gamba-info>h6{overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;font-size:1rem;margin:0}/*! fetch responses */#search-results{position:absolute;bottom:0;right:0;height:fit-content;max-height:300px;overflow-y:scroll;width:100%;transform:translateY(100%);border-radius:10px;-ms-overflow-style:none;scrollbar-width:none}#search-results::-webkit-scrollbar{display:none}@keyframes move{0%{transform:translate(0)}to{transform:translate(50%)}}@media (max-width: 1024px){.image-container{height:fit-content}.search-form{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);flex-direction:row!important;gap:20px}.search-form>label+label{margin-left:0!important}.search-form>label+label:before{transform:translate(-10px)!important}.search-form>label:nth-child(1){grid-column:1 / 2;grid-row:1;align-self:center;justify-self:stretch}.search-form>label:nth-child(2){grid-column:2 / 3;grid-row:1;align-self:center;justify-self:stretch}.search-form>.separator{grid-column:1 / 3;grid-row:2;align-self:stretch;justify-self:center}.search-form>label:nth-child(4){grid-column:1 / 3;grid-row:3;align-self:center;justify-self:center}.separator{display:flex;margin:0!important;gap:10px;flex-direction:row!important;width:100%}.separator>.line{height:2px!important}.gamba-countries{height:180px!important}.gamba-countries>.gamba-title{padding:10px!important}#reroll-countries{padding:10px!important}#reroll-countries>li{width:125px!important}}@media (max-width: 768px){#app-main{gap:10px!important}.gamba-countries{height:fit-content!important;flex-direction:column!important}.gamba-countries>.gamba-title>h3{font-size:1.5rem}.gamba-countries>.gamba-title>p{margin-bottom:10px}.gamba-countries>.gamba-title:before{bottom:0!important;width:90%;height:2px;transform:translate(-5%,10px)}#reroll-countries{gap:10px!important}#reroll-countries>li{width:125px!important}}@media (max-width: 480px){.hero-images>img{height:200px!important;width:200px!important;padding:10px 10px 25px!important}.image-container{width:unset;margin:10px}.image-container>.search-form{display:flex!important;flex-direction:column!important}.image-container>.search-form>label+label:before{display:none}.hero-title>h2>strong:before{font-size:27px!important}#reroll-countries{flex-direction:column}#reroll-countries>li{width:170px!important}.gamba-countries{margin:10px}}