@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{margin:0 auto}.content{width:390px;box-sizing:content-box}p,h1,h2,h3,h4,h5,h6,div,main,footer{font-family:Playfair,serif;font-weight:400}.app{width:440px;background:#f5f5f5;padding:0 25px;color:#483924;margin:0 auto}.announce{width:390px;text-align:justify;font-size:24px;padding-bottom:48px;line-height:24px}.announce>p{text-align:center}.announce>p:first-child{padding-bottom:24px}.date{display:flex;gap:24px;padding-bottom:48px}.date>img:first-child{width:183px;height:274px}.date__texts{display:flex;flex-direction:column;align-items:center}.date__texts>h2{font-weight:400;font-size:48px;padding-bottom:32px}.date__texts>p:nth-child(2){font-size:32px;font-family:Dancing Script;padding-bottom:32px}.date__texts>p:last-child{font-size:23px;text-align:center;line-height:24px}.details{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#ffffffa6,#ffffffa6),url(/assets/details-DXB5UWcQ.svg) center/cover no-repeat;margin-left:-25px;margin-right:-25px;height:596px}.details>*{padding-bottom:24px}.details>h2{font-size:50px;text-align:center;font-weight:400;padding-top:5px}.details>p{font-size:24px;line-height:24px;padding-right:25px;padding-left:25px}.details>p:last-child{padding-bottom:40px}.dresscode{padding-bottom:48px}.dresscode_tripple{display:flex;justify-content:space-between;padding-bottom:24px}.vertical{text-align:center;font-weight:400;writing-mode:vertical-rl;transform:rotate(180deg);font-size:50px}.collage_top{display:flex;justify-content:space-between;padding-bottom:5.5px}.item-a{grid-area:a}.item-b{grid-area:b;width:100%}.item-c{grid-area:c}.item-d{grid-area:d;width:100%}.item-e{grid-area:e}.item-f{grid-area:f}.item-g{grid-area:g}.collage{display:grid;gap:5.5px;grid-template-areas:"a b b" "c d d" "e f g"}.colors{display:flex;flex-direction:column;justify-content:space-between}.colors_item{width:114px;height:19px;border-radius:2px}.sage_green{background:#92998a}.celadon_green{background:#c2c8b9}.powder_blue{background:#b6c5d8}.baby_blue{background:#d9efff}.dusty_rose{background:#e0bac5}.peach_beige{background:#e9cbbd}.pastel_yellow{background:#f8eab0}.dresscode_text{font-size:22px;line-height:24px}.footer{display:flex;justify-content:center;align-items:center;position:relative;max-width:440px;height:118px;background:#393a25;margin-left:-25px;margin-right:-25px;box-sizing:content-box}.footer-names{display:flex;justify-content:center;align-items:center;flex-direction:column;width:189px;height:72px}.footer-github{position:absolute;width:18px;height:18px;bottom:0}.footer-names>p,.footer-names>a{color:#f5f5f5;font-size:18px;font-weight:400;font-family:DM Sans,sans-serif;line-height:30px;font-weight:200;letter-spacing:3%;text-decoration:none}.form{padding-top:48px;padding-bottom:54px}.form>h2{font-size:50px;font-weight:400;text-align:center;padding-bottom:24px}.form>p{font-size:18px;line-height:24px;padding-bottom:24px}.form_date{font-family:Dancing Script}.form>form{font-size:18px;display:flex;flex-direction:column}.form>form>input{margin-top:4px;margin-bottom:12px;width:322px;height:29px;padding:0 10px}.form_radio_group{display:flex;flex-direction:column;padding-top:15px}.radio-group{display:flex;flex-direction:column}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding-bottom:12px;border-radius:8px;transition:background .2s ease-in-out}.radio-label:hover{background:#f5f5f5}.custom-radio{width:22px;height:22px;border:2px solid #a1a299;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease-in-out;padding:2px}.radio-inner{width:100%;height:100%;background:#393a25;border-radius:50%}form>button{border:none;background-color:#393a25;width:180px;height:46px;color:#f5f5f5;font-size:18px;font-family:Inter;margin:48px auto 0}.form-button{display:flex;align-items:center;justify-content:center;gap:10px}.button-loading{border:1px solid #939393;background:#f5f5f5;color:#939393}.button-error{border:1px solid #ff6464;background:#f5f5f5;color:#ff6464}.input-error{border:2px solid red}.variant-error{border:2px solid red;padding:2px}.error-message{margin-top:15px;color:#ff6464;text-align:center}.invite{line-height:24px;font-size:24px;text-align:center;padding-bottom:48px}.location{display:flex;justify-content:space-between;margin-bottom:48px;position:relative}.location_info{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.location_info>h2{font-size:48px;top:0;margin-bottom:24px}.location__info_address{font-size:18px;line-height:24px;text-align:center}.location_info>a{display:flex;justify-content:center;align-items:center;width:180px;height:46px;background:#393a25;color:#f5f5f5;text-decoration:none;font-family:Inter;font-size:18px;margin-top:48.75px;margin-bottom:30.5px}.main{padding-bottom:48px;padding-top:41px}.images{display:flex;align-items:center}.main h1{font-weight:400;font-size:58px;text-align:center}.images>.left{margin-left:6px;width:49px;height:332px}.images>.right{margin-right:6px;width:49px;height:332px}.images>.main-image{width:279px;height:364px}.see-you{font-size:58px;text-align:center;padding-bottom:80px}.timeline{position:relative;margin-bottom:48px}.timeline>h2{font-size:48px;text-align:center;width:255px;margin:0 auto 40px}.timeline-line{position:absolute;width:2px;height:100%;left:50%;background-color:#8b6f4e;transform:translate(-50%)}.grid-container{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin:auto;padding:20px}.grid-item{position:relative;font-size:24px;line-height:24px;font-weight:400;padding-right:12px}.timeline-time{font-size:20px;font-family:Dancing Script}.left-item{text-align:right;margin-left:-5px}.right-item{width:183px}.grid-item__diamond-left{position:absolute;top:9.5px;right:-10px}.grid-item__diamond-right{position:absolute;top:7px;left:-11px}.loader{animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}