.ButtonComponent{border:2px solid rgba(0,0,0,.5);padding:1rem;cursor:pointer;font-family:Trajan}.ButtonComponent.image{border:none;background-color:transparent;transition:.3s ease-in-out}.ButtonComponent.image img{width:50px}.ButtonComponent.normal{background-color:#f1e3d4;font-size:calc(10px + 1vw);border-radius:10px;box-shadow:10px 10px 20px #0000001a;transition:.3s ease-in-out}.ButtonComponent.normal:hover{background-color:#e7cfb5;box-shadow:10px 10px 20px #00000040}.ButtonComponent.pill{padding:7px;background-color:#fff;font-size:calc(12px + .3vw);border-radius:60px;box-shadow:10px 10px 20px #0000001a;transition:.3s ease-in-out}.ButtonComponent.pill:hover{background-color:#fff9f9;box-shadow:10px 10px 20px #00000040}.ButtonComponent.bigPill{background-color:#fff;font-size:calc(12px + .5vw);border-radius:60px;box-shadow:10px 10px 20px #0000001a;transition:.3s ease-in-out;width:100%}.ButtonComponent.bigPill:hover{background-color:#fff9f9;box-shadow:10px 10px 20px #00000040}.ButtonComponent.small{padding:8px 4px 4px;background-color:#fff;font-size:calc(10px + .5vw);border-radius:10px;box-shadow:10px 10px 20px #0000001a;transition:.3s ease-in-out}.ButtonComponent.small:hover{background-color:#fff9f9;box-shadow:10px 10px 20px #00000040}.HomePage{display:flex;justify-content:center;flex-direction:column;height:calc(100vh - 60px);align-items:center;text-align:center;gap:20px;background-image:url(/imgs/logo.png);background-repeat:no-repeat;background-position:5vw 5vh;background-size:calc(100px + 8vw)}.HomePage .Title h1{font-size:calc(20px + 3vw);margin:0}.HomePage .Title h2{font-size:calc(15px + 1vw);margin:0}.HomePage .Buttons{display:flex;gap:10vw;justify-content:space-between;flex-wrap:wrap}.HomePage .Buttons button{min-width:100px}@media screen and (max-width: 600px){.HomePage .Buttons{display:flex;gap:5vw;justify-content:center;flex-wrap:wrap}}@font-face{font-family:Trajan;src:url(/assets/TrajanPro-Regular-Lq2szPtT.ttf)}body{margin:0 0 60px;font-family:Trajan;background-color:#fef9f3}footer{background-color:#fef9f3a1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:2px solid black;position:fixed;bottom:0;width:100%;text-align:center;font-size:calc(8px + .5vw);z-index:100}.CreateCakePage{display:flex;flex-direction:column;align-items:center;font-size:calc(12px + 1vw)}.CreateCakePage .HelpWrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:101}.CreateCakePage .Help{position:fixed;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);z-index:102;background-color:#fcf4eb;padding:20px;border:2px solid black;border-radius:20px}.CreateCakePage .CreateContainer{background-color:#f9efe382;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:2px solid rgba(0,0,0,.6);padding:30px;border-radius:30px;display:flex;justify-content:space-around;gap:calc(20px + 1vw);width:75%;min-height:50vh}.CreateContainer hr{color:#000;border:1px solid black;border-radius:10px;width:2px;background-color:#000;flex-grow:.1}.CreateContainer .ToSelect{display:flex;align-items:center;flex-direction:column;width:70%;flex-grow:5}.CreateContainer .Selected{display:flex;flex-direction:column;width:25%;flex-grow:3;overflow-y:scroll;position:relative;max-height:75vh}.ToSelect .BackWrapper{width:100%}.ToSelect .Buttons{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.ToSelect .Buttons button{flex-grow:1}.CreateContainer .Modify{display:flex;font-size:1em;margin:0 0 30px;width:100%;justify-content:flex-start;align-items:center;gap:1vw}.Selected .Element{display:flex;flex-direction:column;justify-content:center;align-items:center}.Selected .Element p{margin:0}.Element .Sub{font-size:.75em}.Element .Val{display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:.5em;background-color:#fff;padding:7px 5px 5px;min-width:50px;border-radius:50px;text-align:center;border:1px solid black}.LastDetails{display:flex;flex-direction:column;width:75%;gap:20px}.LastDetails .Question{display:flex;flex-direction:row;width:100%;gap:20px;align-items:center}.Question input,.Question textarea{font-family:sans-serif;width:100%;border-radius:10px;border:1px solid black;padding:10px;font-size:calc(15px + .5vw)}@media screen and (max-width: 720px){.Help{box-sizing:border-box;width:95%}.LastDetails .Question{flex-direction:column!important;gap:0}.CreateContainer{padding:10px 5px!important;width:95%!important;flex-direction:column-reverse;align-items:center}.CreateContainer hr{width:50%;opacity:75%}.CreateContainer>hr{width:90%}.CreateContainer .Selected{width:90%;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start}}.CakeDesc{display:flex;flex-direction:column;border:1px solid black;border-radius:20px;background-color:#f1e3d4;align-items:center;padding:10px;gap:10px}.CakeDesc p{margin:0;font-size:calc(10px + .5vw)}.CakeDesc p:last-child{font-size:calc(15px + 1vw)}.VerifyWrapper{margin:auto;display:flex;flex-direction:column;align-items:center;width:75%;text-align:center}.VerifyWrapper>h1{font-size:calc(20px + 2vw)}.FinalCake{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.FinalCake>div{flex:1 1 calc(33.33% - 20px);box-sizing:border-box;min-width:200px;text-align:center}.Notes{display:flex;flex-direction:column;gap:20px}.Notes p:last-child{font-size:calc(20px + .2vw);text-align:justify}@media screen and (max-width: 1300px){.FinalCake{justify-content:center;flex-direction:column}}.ModalBck{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;background-color:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.Modal{display:flex;flex-direction:column;align-items:center;background-color:#ffe4c4bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:30px;border-radius:20px;gap:30px}.Modal .Header{border-bottom:1px solid black}.Modal .Body{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.ImageGallery{margin:auto;display:flex;width:90%;justify-content:space-evenly;flex-wrap:wrap;gap:1vw}.ImageGallery img{width:30%;border-radius:1vw;transition:.2s;box-shadow:15px 15px 20px #0003;z-index:10;object-fit:cover}.ImageGallery img.animated:hover{transform:scale(1.05);box-shadow:25px 25px 10px #0000004d}img.PhotoView__Photo{border-radius:3vw!important;transform:scale(.75)}.PhotoView-Slider__willClose img.PhotoView__Photo{transform:scale(1)!important;opacity:0!important}.PhotoView-Slider__Backdrop{background-color:#000000d9!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}@media screen and (max-width: 1024px){.ImageGallery img{width:45%;object-fit:contain}}@media screen and (max-width: 769px){.ImageGallery img{width:75%;margin-bottom:50px}}.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}.MyCakesHeader{margin-top:20px;display:flex;justify-content:center;align-items:center;width:100%;gap:20px}.MyCakesHeader h1{font-size:calc(25px + 1.25vw)}.ImgsWrapper{width:100%}.InfoHeader{text-align:center;font-size:calc(5px + 1.25vw)}.InfoBody{margin:auto;display:flex;flex-direction:column;align-items:center;width:75%;gap:20px}.InfoBody p{text-align:left;font-size:calc(12px + .2vw)}.InfoBody h2{margin-bottom:0}.InfoBody img{width:calc(200px + 10vw);border-radius:2vw}
