#AddEntryModal{position:fixed;left:0;bottom:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:rgb(0 0 0 / .5);opacity:0;transition:opacity 0.5s;z-index:1000;overflow-y:auto;& .formStatsWrapper,& .formRatingWrapper{width:100%}& .speedtest-links{display:flex;margin-top:10px;justify-content:space-between;width:100%;overflow:hidden;flex-wrap:wrap;a{border-bottom:var(--blue-bg) solid 1px;color:var(--blue-bg);cursor:pointer}}& .suggestion-buttons-container{button{margin:3px;font-size:.85rem;cursor:pointer;background:#e7d7cd;outline:none;color:var(--espresso);height:37px;border:none;border-radius:5px;padding:0 13px}}.review-protip{font-size:.9em;color:#555;margin-top:10px}& .newCafeNotice{margin:4vh 0 15px 0;font-size:.9em;color:#444;background:#f3f3f3;padding:10px;border-radius:6px;opacity:0;transition:opacity 0.5s}& .close{position:absolute;top:1vh;right:2vw;object-fit:contain;width:33px;height:33px;display:flex;align-items:center;justify-content:center;cursor:pointer;& img{height:55%;max-width:60%;filter:contrast(.5)}}.media-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .6);display:none;justify-content:center;padding-top:1.5vh;align-items:flex-start;color:var(--black-bg);z-index:1500}.media-modal-content{background:var(--white-bg-bright);border-radius:16px;width:97%;max-width:500px;height:98vh;overflow-y:auto;padding:1em 0;position:relative;h2{padding:0 1em;margin-bottom:1vh}}.media-modal-close{position:absolute;top:8px;right:12px;font-size:1.5rem;cursor:pointer;z-index:2;width:35px;text-align:center;height:40px}.media-item{display:flex;align-items:center;gap:.5em;margin:1em auto;width:calc(100% - 2em);flex-wrap:wrap;background:var(--white-bg-soft);overflow-x:auto;overflow-y:hidden;padding:2vh calc(1vw + 30px);border-radius:6px;position:relative;& .media-drag-handle{position:absolute;left:7px;display:flex;width:24px;align-items:center}& input[type='file']{width:150px}& img+input{width:0!important;padding:0!important;opacity:0;pointer-events:none}& img,& video{border-radius:6px}& input[type="text"]{margin:2vh auto 0 auto;width:100%;box-shadow:inset #adadad 0 0 3px 0px!important;font-size:var(--font-size-body-smaller)!important;height:0!important;visibility:hidden;margin-top:0}}.mediaTypeWrapper{column-gap:max(1vw, 11px);padding:0 1em;margin-top:2vh;overflow-x:auto;.column{height:34px;align-items:center;justify-content:center;padding:0 20px;border-radius:20px;border:solid 2px #107dfa52;cursor:pointer;white-space:nowrap;&.disabled{background-color:var(--gray-extra-soft);border-color:#fff0;cursor:default}&:hover{border:solid 2px var(--blue-shadow-darker)}&.active{border:solid 2px var(--blue-bg)}}}.drag-ghost{opacity:.4;background:#f0f0f0}.remove-media-btn{margin-left:auto;background:none;border:none;font-size:30px;cursor:pointer;color:#ab3939;font-weight:700;transform:scaleX(1.3)}.remove-cover-btn{margin:2vh auto;display:block;border-radius:4px;border:none;height:30px;padding:0 15px}.moreMediaWrapper{width:100%;display:flex;padding:0 1em 5vh 1em}.add-media-btn{margin-top:2vh;background:var(--orange-shadow);color:var(--black-bg);height:33px;padding:5px 18px;box-shadow:var(--gray-dark-box-shadow),var(--gray-light-box-shadow);border:none;border-radius:4px;font-weight:700;font-family:'poppins-reg';font-size:var(--font-size-body)}.done-media-btn{margin-top:2vh;background:var(--green-bg-dark);color:var(--black-bg);height:33px;padding:5px 18px;box-shadow:var(--gray-dark-box-shadow),var(--gray-light-box-shadow);border:none;border-radius:4px;font-weight:700;font-family:'poppins-reg';font-size:var(--font-size-body);margin-left:auto}}#mediaSelectorModal{box-shadow:rgb(75 75 75 / 28%) 0 -2px 8px;z-index:1001;position:inherit;border-radius:14px 14px 0 0;& .media-modal-content{z-index:1001;background-color:var(--white-bg);height:92vh;overflow-y:auto;color:var(--black-bg);padding:2vh 2vw;border-radius:14px 14px 0 0;#closeSelector{padding:7px;position:absolute;right:2vw;img{width:18px}}h3{margin-top:3vh}p.secondary{font-size:var(--font-size-small);padding:10px 2vw}.media-selector-item img,.media-selector-item video{max-width:30vw}.media-selector-item button{background:#e5e5e5;color:var(--black-bg);border:none;height:33px;padding:0 16px;font-size:var(--font-size-small);border-radius:2px;box-shadow:0 0 0 1px #666}.media-selector-item.selected{background:#c7ddcf;button{background-color:var(--white-bg);box-shadow:0 1px 1px #999}}.done-media-btn{display:block;margin:4vh auto 0 auto;width:min(50%, 350px);background:var(--green-bg-dark);color:var(--black-bg);height:33px;padding:5px 18px;box-shadow:var(--gray-dark-box-shadow),var(--gray-light-box-shadow);border:none;border-radius:4px;font-weight:700;font-family:'poppins-reg';font-size:var(--font-size-body)}}}#mediaUploadModal{#vibeMediaSection p.small-text{padding:0 6vw}.done-media-btn{display:block;margin:4vh auto 0 auto;width:min(50%, 350px)}}#AddEntryModal .content{background-color:#fff;color:var(--black-bg);border-radius:12px 12px 0 0;padding:20px;box-shadow:0 4px 8px rgb(0 0 0 / .2);width:99.5%;height:auto;min-height:80vh;transition:opacity 0.5s;position:relative;margin-top:.5vh;padding-bottom:4vh;user-select:none;.suggestionBoxWrapper{display:flex;justify-content:center;margin-top:100px;opacity:0;animation:fadein ease .3s forwards;animation-delay:.5s}}body.darkMode #AddEntryModal .content{background-color:var(--black-bg-soft);color:var(--white-bg-bright);& .mediaValidator{& img{filter:invert(.8)}}& .close img{filter:invert(.8)}}.review-protip{color:var(--gray-extra-soft)}#AddEntryModal .content form label:not(.switch){display:flex;flex-wrap:wrap;opacity:0;transition:opacity 0.5s;margin:calc(3vh + 15px) 0 10px 0;min-height:40px;align-items:center;font-size:var(--font-size-h4);&.second{padding-left:2%}}#AddEntryModal .slidecontainer .slider{height:100%;& input{height:100%}}#AddEntryModal .customSlider{margin-top:4vh;& .wrapper{& img{&.sm{height:min(3vh,40px);width:auto;max-width:30px;object-fit:contain}}}}#AddEntryModal .slidecontainer+.label{margin-top:calc(2vh + 20px)}body.darkMode #AddEntryModal .slidecontainer+.label{color:var(--white-bg-bright)}#AddEntryModal .content form label input[type='checkbox']{margin-left:auto}#AddEntryModal .content form input[type='file']{height:48px;background:#fff0;padding:12px 15px;border-radius:8px;position:relative;width:75px;&:not('.moremediainp'){opacity:0}z-index:2;cursor:pointer;&.file-selected{opacity:1;background:#fff0;padding:12px 15px;border-radius:8px;&:before{display:none}}&:before{content:'Choose file';position:absolute;top:50%;left:0;width:100%;height:100%;padding:10px 0;border-radius:8px;background:var(--gray-extra-soft);font-size:var(--font-size-body-smaller);color:#333;display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translateY(-50%);font-weight:700}&.moremediainp{position:relative;width:120px;height:40px;background:var(--gray-extra-soft);color:#333;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:2}}#AddEntryModal .content form :is(input,textarea){box-sizing:border-box}#AddEntryModal .content form :is(.imagePreview,.imageMorePreview){max-width:100%;margin:0 0 10px 0;border-radius:6px;transition:max-width ease .3s,opacity 0.5s;&.accepted{max-width:50%;min-width:50%;margin:0 25%;&~:is(.imageLabel,.additionalMedia){display:block;&:is(.additionalMedia){display:flex}& label{margin-top:calc(1vh + 5px)}& input{width:100%}}}}#AddEntryModal .content form{& .moreMedia{display:flex;flex-wrap:wrap}& :is(.imageLabel,.additionalMedia){display:none}& .moreMediaContainer{display:flex;width:100%;overflow-y:auto;overflow-x:hidden;flex-wrap:wrap;row-gap:1vh;justify-content:space-around;margin-top:4vh;.wrapper{position:relative;width:auto;max-width:48%;max-height:275px;border-radius:4px;& input[type="file"]{appearance:none;height:0;width:0;opacity:0;outline:none;border:none;padding:0;margin:0}.more-media{width:100%;border-radius:4px;max-height:calc(100% - 54px);object-fit:contain;background:var(--black-bg-light-soft)}.media-title{width:100%;margin:5px 0}.trash{height:20px;width:20px;object-fit:contain;position:absolute;top:0;right:0;cursor:pointer;background-color:var(--white-bg-bright);padding:4px;border-radius:4px}}}}#AddEntryModal .content form :is(input:is([type="text"],[type="number"],[type="tel"],[type="email"]),textarea){padding:0 1.5rem;box-shadow:inset #adadad 0 0 2px 0;border:none;border-radius:8px;font-size:var(--font-size-body);&:is(textarea){padding-top:10px}}body.darkMode #AddEntryModal .content form :is(input:is([type="text"],[type="number"],[type="email"],[type="tel"]),textarea){background-color:var(--black-bg);color:var(--white-bg-bright);&:is(:not(:placeholder-shown)){outline:none;border:#80ddff solid 2px}}body.darkMode .cafe-tag{color:var(--black-bg)}#AddEntryModal .content form input:is([type="text"],[type="number"],[type="tel"],[type="email"]){height:44px}#AddEntryModal .content form .permanentlyClosed{text-align:right;font-size:var(--font-size-small);cursor:pointer;color:var(--gray-soft);&:hover{text-decoration:underline}}#AddEntryModal .content form .hours-container{width:100%;padding:5px 2vw;& .label{display:none}& .day{margin-bottom:calc(5px + 1vh);background:var(--white-bg-bright);padding:1vh calc(1vw + 15px);border-radius:10px;position:relative;cursor:pointer;&:before{content:'\00A8';position:absolute;top:.5vh;right:calc(1vw + 15px);font-size:30px}& .day-label{font-weight:700}}}body.darkMode #AddEntryModal .content form .hours-container{color:var(--black-bg)}#AddEntryModal .content form input[type="submit"]{margin-top:6vh;cursor:pointer;user-select:none;padding:10px 15px;display:inline-block;border-radius:6px;border:3px solid #fff0;background:var(--gray);outline:none;color:var(--white-bg-bright);font-size:var(--font-size-h3)}body.darkMode #AddEntryModal .content form input[type="submit"]{background-color:#cdda5e;color:var(--black-bg)}@media only screen and (min-width:763px){#AddEntryModal{padding-bottom:5%}#AddEntryModal .content{width:90%;max-width:750px;padding:4vh max(5vw, 15px);margin-top:1vh;margin-bottom:3vh;min-height:unset}#AddEntryModal .content form input:is([type="text"],[type="number"],[type="tel"]){max-width:none}#AddEntryModal .content form label:not(.switch){font-size:var(--font-size-h4);margin:5vh 0 2vh 0}#AddEntryModal{& .close{top:2vh}}}