article{display:flex;align-items:center}.activity{border:solid 1px gainsboro;color:#fff;display:flex;font-size:16px;align-items:center;height:30px;font-weight:700;min-width:200px;margin:0;border-radius:0 15px 15px 0;cursor:grab;transition:ease .2s;border:none}p{padding-left:15px}article img:hover+.activity{background-color:gray}.activity:hover{background-color:gray}.activity:active{border:solid 1px black}.one{background-color:#9de24f}.two{background-color:#9cd262}.three{background-color:#c5e763}.four{background-color:#bfe491}.five{background-color:#bbd79a}.six{background-color:#ffe700}.seven{background-color:#ffbf19}.eight{background-color:#ff595e}.panel{width:80%;margin:0 auto;padding:0;max-height:0;border:none;overflow:hidden;transition:max-height .5s ease-in-out,padding .5s ease-in-out}.open{margin:0 auto 15px;max-height:700px;height:700px}.panel-open{display:none}.panel-closed{font-weight:bolder;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;height:50px;width:85%;background-color:#fff}.submitted-display{max-height:0;height:0;border:none;overflow:hidden;transition:.4s ease}.submit-show{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:30px;border:4px solid #29244E;background-color:#fff;max-height:437.99px;height:437.99px;font-size:3.5vw;font-weight:800}.wrapper{padding-bottom:30px}.panel-toggles{cursor:pointer;transition:.05s ease-in-out;font-family:Open Sans,"sans-serif";font-weight:800;font-size:x-large;border-radius:5px}.panel-toggles:hover{background-color:#e0e0e0}.toggle-icons{width:50px;padding-right:10px}.panels-container{margin-bottom:10%;padding-top:15px;min-height:422px}.input-name{transition:.2s;text-align:center;font-family:Zilla Slab,serif;font-weight:400;font-style:normal;border-width:0;font-size:xx-large;width:85%;margin-bottom:30px;margin-top:15px;background-color:transparent;border-bottom:solid 1px black}.input-name:hover{transform:scale(1.02)}.one-panel{background-color:#a9def9;border-top:15px solid #19B1FF;border-radius:0 0 15px 15px}.two-panel{background-color:#d0f4de;border-top:15px solid #39BB6B;border-radius:0 0 15px 15px}.three-panel{background-color:#fcf6bd;border-top:15px solid #FFE700;border-radius:0 0 15px 15px}.four-panel{background-color:#ffc6c7;border-top:15px solid #FF595E;border-radius:0 0 15px 15px}.five-panel{border-top:15px solid #AC6DFF;background-color:#e6d3ff;border-radius:0 0 15px 15px}.six-panel{border-top:15px solid #FF701F;background-color:#ffddc9;border-radius:0 0 15px 15px}.one-button{background-color:#19b1ff}.two-button{background-color:#39bb6b}.three-button{background-color:#ffe700}.four-button{background-color:#ff595e}.five-button{background-color:#ac6dff}.six-button{background-color:#ff701f}.submit-button{margin-bottom:15px;border-radius:20px;color:#fff;font-family:Open Sans,"sans-serif";font-weight:800;font-size:x-large;border:none;padding:10px 20px;transition:.2s}.submit-button:hover{transform:scale(1.05)}.hidden{display:none}.no-border{border-width:0;background-color:transparent}@media only screen and (max-width: 600px){.panels-container{margin-bottom:10%}}.stack-column{text-align:center;display:flex;flex-direction:column;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.stack-header{font-size:5rem;padding:0;margin:0 0 15px;border-bottom:solid 1px rgb(181,181,181)}.stack-instruction{padding-right:10px;font-family:Zilla Slab,serif;font-style:italic}.top-preferred{padding-top:10px;margin:0}.activities-open{border-radius:20px;border:3px solid #D9D9D9;margin:0 auto 15px;max-height:700px;height:700px}.bot-preferred{padding-bottom:20px}.close-icon{margin-top:20px;transition:.2s ease;cursor:pointer}.close-icon:hover{rotate:90;transform:scale(1.3)}.drop-area{width:280px;height:80px;columns:#dcdcdc;border:1px dashed #dcdcdc;border-radius:10px;padding:15px;margin-bottom:15px;margin-top:15px;opacity:1;transition:all .2s ease-in-out}.hide-area{opacity:0;width:300px;height:40px}input{margin-bottom:40px}.budget-open{border-radius:20px;border:3px solid #D9D9D9;margin:0 auto 15px;max-height:350px;height:350px}.budget-panel{font-family:Open Sans,"sans-serif"}.max-budget-label{font-size:2.5rem;font-weight:800;color:#fff;min-width:80%;width:fit-content;margin:0 auto 1%;padding:2% 7%;border-radius:0 0 1.5vw 1.5vw;background-color:#41c93e}.min-budget-label{font-size:2.5rem;font-weight:800;color:#fff;min-width:80%;width:fit-content;margin:5% auto 1%;padding:2% 7%;border-radius:0 0 1.5vw 1.5vw;background-color:#19b1ff}.budget-panel input{padding:2%;border-radius:10px;border:1px solid black}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:0}@media only screen and (max-width: 400px){.max-budget-label,.min-budget-label{border-radius:0 0 8vw 8vw}}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-font-family: system-ui;--rdp-day-font: inherit;--rdp-day-height: 2.75rem;--rdp-day-width: 2.75rem;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: var(--rdp-day-width);--rdp-day_button-width: var(--rdp-day-height);--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-selected-font: bold large var(--rdp-font-family);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-month_caption-font: bold larger var(--rdp-font-family);--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-font: normal medium var(--rdp-font-family);--rdp-range_middle-foreground-color: white;--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-font: 400 small var(--rdp-font-family);--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weekday-font: 500 smaller var(--rdp-font-family);--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-root button{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);font:var(--rdp-day-font)}.rdp-day_button{justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-button_next,.rdp-button_previous{-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;position:relative;font:inherit;appearance:none;background:none;border:0;color:inherit;cursor:pointer;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_previous:disabled{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;color:transparent;border:none;background-color:transparent;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font:var(--rdp-month_caption-font)}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font:var(--rdp-weekday-font);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font:var(--rdp-week_number-font);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius)}.rdp-week_number_interactive{cursor:pointer}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font:var(--rdp-selected-font)}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(end-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color);font:var(--rdp-range_middle-font)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-focusable{cursor:pointer}.time-open{border-radius:20px;border:3px solid #D9D9D9;margin:0 auto 15px;max-height:450px;height:450px;font-family:Open Sans,"sans-serif"}.time-label{font-size:2.5rem;font-weight:800;color:#fff;width:80%;margin:5% auto 1%;padding:2% 7%;border-radius:0 0 1.5vw 1.5vw;background-color:#4bd7ea}.time-select-container{margin:auto;width:80%}.time-select-left-label{font-size:2.5rem;font-weight:800;background-color:#3e4cc9;color:#fff;padding:5px 20px 5px 30px;border-radius:20px 0 0 20px;margin-right:5px}.time-select-right-label{font-size:2.5rem;font-weight:800;background-color:#ffd809;color:#fff;padding:5px 30px 5px 20px;border-radius:0 20px 20px 0}.time-select-label-container{margin-bottom:10px}.time-open input{width:35%;margin-right:5px}@media only screen and (max-width: 400px){.time-label{border-radius:0 0 8vw 8vw}}.hangout-results-container{height:87%;width:65%;border:solid 10px #D9D9D9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-Index:1000}.exit-button-container img{width:1vw;margin:2% 0 0 2%;cursor:pointer;transition:.3s}.exit-button-container img:hover{transform:scale(1.2)}.overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3;z-index:1000}.results-header-title-container{display:flex;justify-content:center;align-items:center;text-align:center;margin:1% 6% 4%;padding:2%;height:18%;border-radius:0 0 3vw 3vw}.results-header-title-container h1{color:#f4f4f4;margin:0}.not-enough-data-container{text-align:center}.not-enough-data-container h1{font-size:5rem;font-weight:800}.not-enough-data-container h2{text-align:center;font-weight:100;padding-bottom:5%}.valid-data h1{font-weight:800;font-size:9rem}.results-header-title-container h2{padding-top:2%;padding-left:3%;font-size:4rem;font-weight:300;color:#f4f4f4;margin:0}.not-enough-data-container .results-header-title-container{background-color:#ff7070;border-top:20px solid #FD0008}.valid-data{background-color:#41bfff;border-top:20px solid #2B8AFF}.hangout-results-container .col-sm-6{display:flex;align-items:center;flex-direction:column}.results-wrapper .col-sm-6{height:100%}.panel-result-container{width:80%;height:85%;border-radius:0 0 10px 10px;display:flex;align-items:center;flex-direction:column}.panel-result-header{width:80%;color:#fff;font-weight:800;font-size:large;text-align:center}.list-text-container{overflow-y:auto}.activities-result-header{background-color:#ffbf19;border-top:1vh solid #FF8A00}.budget-result-header{border-top:1vh solid #67A505;background-color:#8ac926}.dates-result-header{border-top:1vh solid #FB2020;background-color:#ff595e}.times-result-header{border-top:1vh solid #481B85;background-color:#6a4c93}.activities-result-panel{border:solid 5px #FFBF19}.budget-result-panel{border:solid 5px #8AC926}.results-wrapper{height:95%}.dates-result-panel{border:solid 5px #FF595E}.time-result-panel{border:solid 5px #6A4C93}.results-wrapper .row{height:50%}@media only screen and (max-width: 768px){.exit-button-container{text-align:center;padding:2%}.results-wrapper .col-sm-6{height:50%}.exit-button-container img{width:7vw}.results-header-title-container{height:11%;margin-top:4%;margin-bottom:8%}.hangout-results-container{width:90%;height:95%}.not-enough-data-container h1{font-size:3.5rem}.valid-data h1{font-size:6rem}.panel-result-container{height:70%}.results-header-title-container h2{font-size:3.5rem}.panel-result-container li{font-size:1.3rem}.panel-result-container h4{font-size:1.5rem;font-weight:300}.panel-result-container li{font-size:1rem;margin-bottom:3px}.panel-result-container h4 span{font-weight:500}}.hangout-results{border:solid black 1px;padding:100px}.container{background-color:#fff;border-left:.2vw solid rgb(250,250,250);border-right:.2vw solid rgb(250,250,250);min-height:1024px;margin:auto}.topbar{padding-bottom:1%}.top-left{margin-left:2%}.center-items{display:flex;justify-content:center}.toolbar{display:flex;justify-content:space-evenly;align-items:center;background-color:#9b9b9b;height:60px;width:90%;margin:15px;border-radius:50px}.instructions-panel{display:flex;justify-content:center}.tool-button{display:flex;align-items:center;justify-content:center;background-color:#fff;white-space:nowrap;font-size:1.5rem;padding:5px 10px;font-weight:500;color:#000;border-radius:30px;transition:transform .2s}.tool-button:hover{background-color:#e7e7e7;transform:scale(1.05);cursor:pointer}.toolbar img{height:30px;padding-right:10px}.hangouts-title{text-align:center;font-family:Open Sans,sans-serif;font-size:4rem;padding:10px 20px 20px;font-weight:800;background-color:#ffbf19;border-radius:0 0 40px 40px}.hangouts-subtitle{white-space:nowrap;font-weight:100;font-size:3rem;font-style:italic}.test{border:1px black dashed}.panel-container{text-align:center}.calendar-open{border-radius:20px;border:3px solid #D9D9D9;margin:0 auto 15px;max-height:280px;height:280px}.calendar-panel-container{display:flex;justify-content:center;margin-top:20px;margin-bottom:20px}.hide{display:none}.rdp-root{--rdp-accent-color: red;--rdp-accent-background-color: #f0f0f0}@media only screen and (max-width: 767px){.tool-button{font-size:1rem}.desktop{display:none}}@media only screen and (min-width: 768px){.mobile{display:none}}body{background-image:url(/HangoutPlanner-Deploy/assets/background-YZTxLucp.png)}footer{border-top:rgb(44,44,44) .6vw solid;background-color:#fff;margin:0;text-align:center;padding:1vw}li{text-align:left;font-size:2vw}.pfp{border-radius:50px}h3{font-size:4vw;padding:0 0 15px;margin:0 0 15px;border-bottom:2px solid rgb(209,209,209)}footer{display:flex;justify-content:center}.footer-right{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-left:20px}.footer-divider{padding:1px;background-color:#000}.footer-divider2{padding:1px;margin:0 20px;height:70%;background-color:#000}.footer-left{margin:0;padding-right:20px}.icons{display:flex;flex-direction:column;cursor:pointer}.icons img:hover{transition:.5s;transform:scale(1.05)}.icons img{padding-bottom:10px}@media only screen and (min-width: 720px){h3{font-size:1.5vw}li{font-size:1vw}}@media only screen and (max-width: 400px){h3{font-size:3vw}ul{padding:0;font-size:2vw;margin:0 0 10px;line-height:2.2vw}li{margin-bottom:5px}}