.Button{border-radius:var(--size-40px);gap:var(--size-8px);grid-gap:var(--size-8px);display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-moz-transition:all var(--duration-200) ease-in-out;-o-transition:all var(--duration-200) ease-in-out;-webkit-transition:all var(--duration-200) ease-in-out;transition:all var(--duration-200) ease-in-out;align-items:center;background-color:var(--color-primary-90);border:none;color:var(--color-primary-20);cursor:pointer;font-family:var(--font-family-secondary);font-size:var(--size-24px);font-weight:var(--font-weight-bold);padding:var(--size-12px) var(--size-20px);position:relative;width:fit-content;text-align:center;text-transform:uppercase}.Button__Keybind{border-radius:var(--size-4px);background:var(--color-secondary-60);color:var(--color-primary-70);font-size:var(--size-10px);padding:var(--size-2px) var(--size-4px)}.Button__ActiveIcon{bottom:0;content:attr(icon);left:0;margin:auto;position:absolute;right:0;transition:transform .4s cubic-bezier(.47,1.64,.41,.8);transform:translateY(var(--size-none))}.Button[active=false] .Button__ActiveIcon{opacity:0}.Button[active=true] .Button__ActiveIcon,.Button:hover .Button__ActiveIcon{transform:translateY(var(--size-8px));opacity:1}.Button .icon{height:var(--size-24px);width:var(--size-24px)}.Button:hover{background-color:var(--color-primary-90)}.Button:hover,.Button:focus{box-shadow:0 0 0 2px var(--color-primary-80);outline:none}.Button:active{top:1px}.Button--Primary{background-color:var(--color-primary-50);color:var(--color-black)}.Button--Primary:hover{background-color:var(--color-primary-40)}.Button--Primary:hover,.Button--Primary:focus{box-shadow:0 0 0 2px var(--color-primary-30)}.Button--Primary:disabled{background-color:var(--color-primary-60);color:var(--color-primary-10);cursor:not-allowed}.Button--Secondary{background-color:var(--color-secondary-50);color:var(--color-white)}.Button--Secondary:hover{background-color:var(--color-secondary-60)}.Button--Danger{background-color:var(--color-red-10);color:var(--color-red)}.Button--Danger:hover{background-color:var(--color-red-10)}.Button--Tab{border-top:var(--size-2px) solid var(--color-secondary-50);color:var(--color-secondary-50)}.Button--Tab:hover[active=false]{background:linear-gradient(var(--color-secondary-80),transparent 50%)}.Button--Tab[active=true]{background:linear-gradient(var(--color-primary-30a),transparent 50%);border-color:var(--color-primary-50);color:var(--color-primary-50)}.Button--Right{justify-self:right}.Button--Small{font-size:var(--size-12px);padding:var(--size-8px) var(--size-16px)}.Button--HasFullWidth{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:var(--size-full)}.Button--IsLoading:disabled{cursor:wait}.Button:disabled{background-color:var(--color-primary-90);color:var(--color-primary-80);cursor:not-allowed}.Button:disabled:hover,.Button:disabled:focus{box-shadow:0 0 0 2px var(--color-red)}::-moz-selection{background:var(--color-primary-50);text-shadow:none}::selection{background:var(--color-primary-50);text-shadow:none}.Modal[data-v-fbf4c7d3]{border-top-left-radius:var(--size-40px);border-top-right-radius:var(--size-40px);align-content:start;background-color:var(--color-primary-100);color:var(--color-white);display:grid;height:var(--size-screen);left:0;margin:auto;position:fixed;right:0;width:var(--size-full);top:var(--size-20px)}@media only screen and (min-width: 52rem){.Modal[data-v-fbf4c7d3]{border-radius:var(--size-40px);height:auto;max-width:calc(2 * var(--size-450px))}}.Modal__Header[data-v-fbf4c7d3],.Modal__Footer[data-v-fbf4c7d3]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.Modal__Header[data-v-fbf4c7d3]{padding:var(--size-16px)}@media only screen and (min-width: 52rem){.Modal__Header[data-v-fbf4c7d3]{padding:var(--size-40px) var(--size-40px) var(--size-none)}}.Modal__Header__Title[data-v-fbf4c7d3]{color:var(--color-white);font-size:var(--size-32px);text-shadow:var(--size-1px) var(--size-1px) var(--color-black)}.Modal__Content[data-v-fbf4c7d3]{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;gap:var(--size-20px);grid-gap:var(--size-20px);align-content:start;display:grid;padding-inline:var(--size-8px);overflow:auto}@media only screen and (min-width: 52rem){.Modal__Content[data-v-fbf4c7d3]{padding:var(--size-20px)}}.gallery{background:#000000c9;position:fixed;display:grid;top:0;right:0;bottom:0;left:0}.gallery__wrapper{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}.gallery__title{align-items:center;color:var(--color-white);display:flex;font-size:var(--size-32px);font-weight:var(--font-weight-bold);justify-content:space-between;max-inline-size:none;width:var(--size-full)}.gallery__title__close{border-radius:var(--size-8px);gap:4px;grid-gap:4px;align-items:center;background-color:var(--color-primary-50);color:var(--color-black);display:flex;font-size:var(--size-16px);line-height:var(--size-14px);padding:var(--size-8px) var(--size-12px);text-transform:uppercase}.gallery__title__close:hover{background:var(--color-primary-40)}.gallery__title,.gallery__body{padding:var(--size-16px)}.gallery__body{margin:auto;position:relative;height:calc(var(--size-screen) - var(--size-64px));display:flex;align-items:center;justify-content:center}.gallery__body__photo{border-radius:var(--size-24px);max-height:-webkit-fill-available}.gallery__body__previous,.gallery__body__next{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;bottom:0;position:absolute;top:0;z-index:var(--z-index-5)}.gallery__body__previous__icon,.gallery__body__next__icon{background:var(--color-primary-40);fill:var(--color-black);height:var(--size-32px);padding:var(--size-4px);width:var(--size-32px)}.gallery__body__previous[disabled] .gallery__body__next__icon,.gallery__body__previous[disabled] .gallery__body__previous__icon,.gallery__body__next[disabled] .gallery__body__next__icon,.gallery__body__next[disabled] .gallery__body__previous__icon{background:var(--color-grey-60);cursor:default;fill:var(--color-grey-80)}.gallery__body__previous{left:var(--size-none)}.gallery__body__previous__icon{border-bottom-right-radius:var(--size-16px);border-top-right-radius:var(--size-16px)}.gallery__body__next{right:var(--size-none)}.gallery__body__next__icon{border-bottom-left-radius:var(--size-16px);border-top-left-radius:var(--size-16px)}.gallery__footer{display:flex;overflow:hidden}.gallery .form{background:var(--color-grey-10);border-radius:var(--size-12px);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--size-16px);height:var(--size-full)}.gallery .form__main{-webkit-box:1;-moz-box:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;display:grid;gap:var(--size-8px);grid-gap:var(--size-8px);grid-template-rows:max-content;padding:var(--spacer-box)}.gallery .form__aside{align-content:space-between;background:var(--color-grey-30);border-radius:var(--size-12px);display:grid;width:30%}.gallery .form__aside__options{display:grid;gap:var(--size-8px);grid-gap:var(--size-8px);padding:var(--spacer-box)}.gallery .form__aside__buttons{display:grid;background:var(--color-grey-90);border-radius:var(--size-12px);gap:var(--size-8px);grid-gap:var(--size-8px);grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--spacer-box)}.gallery .successful{background:var(--color-white);border-radius:var(--size-12px);padding:var(--spacer-box)}.gallery .box-header h3,.gallery .box-header h4{font-family:var(--font-family-secondary);padding-bottom:var(--size-base)}.gallery .box-header h3 span,.gallery .box-header h4 span{font-weight:600}.gallery.match{text-align:center}.gallery.match .box-header{border-bottom:1px solid var(--color-light);position:relative}.gallery.match .box-header h4{border-bottom:1px solid;display:inline-block;margin-bottom:-1px}.gallery .box-body{padding:var(--size-xl)}@media only screen and (min-width: 68rem){.gallery__body__photo{height:calc(.8 * var(--size-screen));width:auto}}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.fade-enter-active,.fade-leave-active{transition:opacity 4s linear}.fade-enter,.fade-leave-to{opacity:0}.pop-enter-active,.pop-leave-active{transition:transform .4s cubic-bezier(.5,0,.5,1),opacity .4s linear}.pop-enter,.pop-leave-to{opacity:0;transform:scale(.3) translateY(-50%)}.GalleryButton{position:relative;width:var(--size-120px)}.GalleryButton__Photo{border-radius:var(--size-12px);border:var(--size-2px) solid transparent;box-shadow:0 0 0 var(--size-2px) var(--color-primary-80)}.GalleryButton:hover .GalleryButton__Photo{box-shadow:0 0 0 var(--size-2px) var(--color-primary-50)}.GalleryButton__NumberOfPhotos{display:none}.GalleryButton:last-child .GalleryButton__NumberOfPhotos{align-items:center;justify-content:center;display:flex;top:0;right:0;bottom:0;left:0;position:absolute}.GalleryButton:last-child .GalleryButton__NumberOfPhotos__Number{border-radius:var(--size-12px);background-color:var(--color-black);font-size:var(--size-14px);padding:var(--size-4px) var(--size-8px)}