*{--fontFamily:"Arial";--codeFontFamily:"Courier New"}@keyframes fadeOut{0%{opacity:1}99%{opacity:0}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}99%{opacity:1}to{opacity:1}}@keyframes offScreen{to{left:-200vw;pointer-events:none;position:absolute;visibility:hidden}}@keyframes onScreen{to{left:0;pointer-events:visible;position:static;visibility:visible}}@keyframes slideDown{0%{transform:translateY(-10px)}99%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes violetBoxShadowFadeIn{0%{box-shadow:none}to{box-shadow:0 4px 95px rgba(112,0,255,.25)}}@keyframes sendButtonTransformToButton{to{background:#7000ff;font-size:17px;height:auto;margin-top:0;padding:9px 22px 8px}}@keyframes sendButtonTransformBackToHeading{0%{background:#7000ff;font-size:17px;height:auto;margin-top:0;padding:9px 22px 8px}to{background:none;font-size:25px;height:25px;margin-top:2px;padding:0}}@keyframes showUndoPromptInAfile{0%{display:flex;transform:rotateY(90deg) translateX(50%)}to{transform:rotateY(0deg) translateX(0)}}@keyframes flipFileCardInAfile{0%{transform:rotateY(0deg) translateX(0)}to{transform:rotateY(90deg) translateX(-50%)}}@keyframes recipientSelectorShowAnimation{0%{background:none;border:7px solid #000}to{background:#0d0c10;border:7px solid #7000ff}}@keyframes hideSendArrowInCards{0%{--sendArrowSizeForAnimation:21px;grid-template-columns:21px 29px auto}to{--sendArrowSizeForAnimation:0px;grid-template-columns:0 0 auto}}roommateid.id{animation:slideDown .2s backwards;cursor:pointer;display:flex;flex-wrap:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}roommateid.id div.blanksquare{background:none;border:4px solid var(--peerColor);box-sizing:border-box;display:grid;height:35px;place-items:center;width:35px}roommateid.id p{background:var(--peerColor);color:#000;font-family:var(--fontFamily);font-size:17px;font-weight:700;height:35px;justify-self:center;line-height:35px;min-width:91px;padding:0 9px}roommateid.id div.selectedsquare{background:var(--peerColor);height:15px;left:-200vw;pointer-events:none;position:absolute;visibility:hidden;width:15px}.cancelButton{align-items:center;background:#eee;border:none;cursor:pointer;display:flex;outline:none;padding:10px 17px 10px 15px}.cancelButton p{color:#000;display:inline-block;font-family:var(--fontFamily);font-size:13px;font-weight:700;letter-spacing:-.07em;line-height:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cancelButton.dismissButton p,.cancelButton p.dismissbuttontext{display:none}.cancelButton.dismissButton p.dismissbuttontext{display:inline-block!important}.cancelButton svg.crossIcon{display:inline-block;height:15px;margin-left:7px;width:15px}.cancelButton svg.crossIcon path{fill:#000}.cancelButton.clear{background:none}.cancelButton.clear p{color:#eee}.cancelButton.clear svg.crossIcon path{fill:#eee}.cancelButton:hover{transform:scale(.95)}.cancelButton:hover svg.crossIcon path{fill:crimson}.cancelButton:hover p{color:#dc143c}.downloadButton{align-items:center;background:none;border:none;cursor:pointer;display:flex;outline:none;padding:10px 17px 10px 15px}.downloadButton p{color:#eee;display:inline-block;font-family:var(--fontFamily);font-size:13px;font-weight:700;letter-spacing:-.07em;line-height:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.downloadButton svg.downloadIcon{display:inline-block;height:15px;margin-left:7px;width:15px}.downloadButton svg.downloadIcon path{fill:#eee}.downloadButton:hover{transform:scale(.95)}.downloadButton:hover svg path{fill:crimson}.downloadButton:hover p{color:#dc143c}receivedrequests,sentrequests{align-self:self-start;display:flex;flex-direction:column-reverse;gap:16px}receivecard,sendcard{animation:onScreen 0s,fadeIn .3s both,slideDown .3s both;background:#0b0a0c;border:3px solid var(--peerColor);display:grid;min-height:30px;padding:40px 70px}@media only screen and (max-width:777px){receivecard,sendcard{padding:30px 50px}}receivecard.waiting,sendcard.waiting{grid-template-rows:auto 30px auto}@media only screen and (max-width:777px){receivecard.waiting,sendcard.waiting{grid-template-rows:auto 15px auto}}receivecard.done,receivecard.loading,sendcard.done,sendcard.loading{grid-template-rows:auto 30px auto 33px auto}receivecard.done files,receivecard.loading files,sendcard.done files,sendcard.loading files{animation:onScreen 0s both,fadeIn .2s both}receivecard.done receivecardfooter p.grey,receivecard.done sendcardfooter p.grey,sendcard.done receivecardfooter p.grey,sendcard.done sendcardfooter p.grey{animation:fadeOut .2s both,offScreen 0s .2s both}receivecard.declined,sendcard.declined{grid-template-rows:auto 30px auto}receivecard.declined .receivecardtitle b,receivecard.declined .sendcardtitle b,sendcard.declined .receivecardtitle b,sendcard.declined .sendcardtitle b{display:none}receivecard.declined receivecardfooter,receivecard.declined sendcardfooter,sendcard.declined receivecardfooter,sendcard.declined sendcardfooter{grid-template-areas:"filecount" "." "filesize";grid-template-columns:auto;grid-template-rows:auto 7px auto}receivecard.declined receivecardfooter svg.downloadIcon,receivecard.declined receivecardfooter svg.sendArrow,receivecard.declined sendcardfooter svg.downloadIcon,receivecard.declined sendcardfooter svg.sendArrow,sendcard.declined receivecardfooter svg.downloadIcon,sendcard.declined receivecardfooter svg.sendArrow,sendcard.declined sendcardfooter svg.downloadIcon,sendcard.declined sendcardfooter svg.sendArrow{display:none}receivecard div.receivecardtitle,receivecard div.sendcardtitle,sendcard div.receivecardtitle,sendcard div.sendcardtitle{word-wrap:none;align-self:center;color:var(--peerColor);display:flex;flex-wrap:wrap;font-family:var(--fontFamily);font-size:21px;font-weight:700;grid-area:sendcardtitle;grid-template-areas:"b span p";justify-items:flex-start;letter-spacing:-.02em;line-height:24px}receivecard div.receivecardtitle b,receivecard div.sendcardtitle b,sendcard div.receivecardtitle b,sendcard div.sendcardtitle b{color:#eee;grid-area:b;margin-right:8px}receivecard div.receivecardtitle span,receivecard div.sendcardtitle span,sendcard div.receivecardtitle span,sendcard div.sendcardtitle span{color:var(--peerColor);grid-area:span}receivecard div.receivecardtitle p,receivecard div.sendcardtitle p,sendcard div.receivecardtitle p,sendcard div.sendcardtitle p{word-wrap:anywhere;color:#eee;font-size:13px}receivecard div.receivecardtitle p.declined,receivecard div.sendcardtitle p.declined,sendcard div.receivecardtitle p.declined,sendcard div.sendcardtitle p.declined{color:#eee;font-size:21px;grid-area:p;margin-left:8px}@media only screen and (max-width:777px){receivecard div.receivecardtitle p.declined,receivecard div.sendcardtitle p.declined,sendcard div.receivecardtitle p.declined,sendcard div.sendcardtitle p.declined{font-size:13px}}receivecard .cancelButton,sendcard .cancelButton{align-self:start;justify-self:end}receivecard receivecardfooter,receivecard sendcardfooter,sendcard receivecardfooter,sendcard sendcardfooter{align-items:center;display:grid;grid-template-columns:21px 29px auto auto;grid-template-rows:auto 7px auto;place-self:start;transition:grid-template-columns .3s;transition:grid-template-columns .3s,-ms-grid-columns .3s}receivecard receivecardfooter svg.downloadIcon,receivecard receivecardfooter svg.sendArrow,receivecard sendcardfooter svg.downloadIcon,receivecard sendcardfooter svg.sendArrow,sendcard receivecardfooter svg.downloadIcon,sendcard receivecardfooter svg.sendArrow,sendcard sendcardfooter svg.downloadIcon,sendcard sendcardfooter svg.sendArrow{transition:transform .2s}receivecard receivecardfooter div.fileCount,receivecard sendcardfooter div.fileCount,sendcard receivecardfooter div.fileCount,sendcard sendcardfooter div.fileCount{display:flex;grid-area:filecount}receivecard receivecardfooter div.fileSize,receivecard sendcardfooter div.fileSize,sendcard receivecardfooter div.fileSize,sendcard sendcardfooter div.fileSize{display:flex;grid-area:filesize}receivecard receivecardfooter p,receivecard sendcardfooter p,sendcard receivecardfooter p,sendcard sendcardfooter p{color:#eee;font-family:var(--fontFamily);font-size:13px;font-weight:700;letter-spacing:-.02em;text-indent:.3em}receivecard receivecardfooter p.grey,receivecard sendcardfooter p.grey,sendcard receivecardfooter p.grey,sendcard sendcardfooter p.grey{color:#777}receivecard files,sendcard files{display:flex;flex-direction:column;gap:22px;grid-area:files;justify-self:stretch;left:200vw;pointer-events:none;position:absolute;visibility:hidden}receivecard files afile,sendcard files afile{align-items:center;display:grid;grid-template-areas:"fileicon . filename crossicon" "fileicon . . ." "fileicon . filesize filesize" "fileicon . . ." "fileicon . progressbar progressbar";grid-template-columns:auto 37.5px 1fr auto;transition:grid-template-rows .3s;transition:grid-template-rows .3s,-ms-grid-rows .3s}receivecard files afile.loading,sendcard files afile.loading{grid-template-rows:auto 6px auto 5px 2px}receivecard files afile.done,sendcard files afile.done{grid-template-rows:auto 6px auto 0 0}receivecard files afile.done b,receivecard files afile.done p.fileSize span,sendcard files afile.done b,sendcard files afile.done p.fileSize span{animation:fadeOut .15s both;font-size:0}receivecard files afile.done div.progressBar,sendcard files afile.done div.progressBar{height:0}receivecard files afile.done svg.crossIcon,sendcard files afile.done svg.crossIcon{animation:fadeOut .2s,offScreen 0s .2s both}receivecard files afile,sendcard files afile{flex-grow:1}receivecard files afile svg.fileIcon,sendcard files afile svg.fileIcon{grid-area:fileicon}receivecard files afile svg.crossIcon,sendcard files afile svg.crossIcon{background:transparent;cursor:pointer;grid-area:crossicon}receivecard files afile svg.crossIcon path,sendcard files afile svg.crossIcon path{transition:fill .1s}receivecard files afile svg.crossIcon:hover path,sendcard files afile svg.crossIcon:hover path{fill:crimson}receivecard files afile p.fileName,sendcard files afile p.fileName{color:#eee;font-family:var(--fontFamily);font-size:13px;font-weight:700;grid-area:filename;justify-self:stretch}receivecard files afile p.fileSize,sendcard files afile p.fileSize{color:#eee;font-family:var(--codeFontFamily);font-size:13px;font-weight:700;grid-area:filesize;justify-self:stretch}receivecard files afile p.fileSize b,sendcard files afile p.fileSize b{color:#7000ff}receivecard files afile p.fileSize b,receivecard files afile p.fileSize span,sendcard files afile p.fileSize b,sendcard files afile p.fileSize span{transition:font-size .15s .15s}receivecard files afile div.progressBar,sendcard files afile div.progressBar{display:flex;grid-area:progressbar;height:2px;justify-self:stretch}receivecard files afile div.progressBar div.foreground,sendcard files afile div.progressBar div.foreground{background:#7000ff;width:var(--progressInPercent)}receivecard files afile div.progressBar div.background,sendcard files afile div.progressBar div.background{background:#eee;flex-grow:1}overlay{background-color:#000000c5;display:flex;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .2s ease-in-out;width:100%;z-index:2}overlay div{border:6px solid #fff;border-radius:25px;display:flex;gap:3.5vmin;justify-content:center;margin:auto auto 10vh;min-height:12%;min-width:25%;place-items:center}overlay div p{color:#fff;font-family:var(--fontFamily);font-size:3.5vmin;margin-right:6.5vmin}overlay div svg{height:6.5vmin;margin-left:6.5vmin;width:6.5vmin}overlay.active{opacity:1}receive{border:5px solid #232323;display:grid;grid-area:receive;height:200px;place-items:center}receive clientloadingtext.clientColorLoaded{animation:fadeOut 1s both,offScreen 0s both}receive clientloadingtext p{color:#444!important;margin-right:0!important}receive receiveastext{--profileColor:#444;align-items:center;animation:offScreen 0s both;display:flex;justify-content:center}receive receiveastext.clientColorLoaded{animation:fadeIn .1s .1s both,onScreen 0s .1s both;margin:auto}send{border:3px solid #ddd;grid-area:send}send.sendState0Init{animation:fadeIn .3s .1s both;cursor:pointer;position:relative}send.sendState0Init:active choosefilesbutton .actiontitles{color:#7000ff}send.sendState0Init choosefilesbutton{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}send.sendState1FilesSelected{border-color:#ddd;display:grid;grid-template-areas:"sendtitle" "selectedfiles" "addmorebutton";grid-template-rows:auto auto auto}send.sendState1FilesSelected choosefilesbutton{animation:fadeOut .2s both,offScreen 0s .2s both;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}send.sendState1FilesSelected selectedfiles,send.sendState1FilesSelected sendtitle{animation:onScreen 0s both}send.sendState1FilesSelected sendtitle form .cancelButton{transition:transform .05s}send.sendState1FilesSelected sendtitle form .cancelButton,send.sendState1FilesSelected sendtitle form p{animation:onScreen 0s both,fadeIn .2s both;position:static}send.sendState1FilesSelected addmorebutton{animation:onScreen 0s both,fadeIn .2s both}send.sendState0Loaded choosefilesbutton{align-items:flex-start;margin-left:75px}send:active{border-color:#7000ff}send:active addmorebutton{background:#7000ff}send sendtitle{grid-area:sendtitle;left:-200vw;pointer-events:none;position:absolute;visibility:hidden}send sendtitle form{align-items:center;display:flex;font-size:0;margin:40px 70px 0}@media only screen and (max-width:777px){send sendtitle form{margin:36px 50px 0}}send sendtitle form .cancelButton{left:-100%;margin-left:auto;pointer-events:none;position:absolute;vertical-align:top}send sendtitle form div p{color:#000;display:inline-block;font-family:var(--fontFamily);font-size:13px;font-weight:700;letter-spacing:-.07em;line-height:13px}@media only screen and (max-width:777px){send sendtitle form div p{font-size:10px}}send sendtitle form div svg{display:inline-block;margin-left:7px}send sendtitle form p.numberoffiles{color:#fff;display:inline-block;font-family:var(--fontFamily);font-size:13px;font-weight:700;left:-100%;letter-spacing:-.02em;pointer-events:none;position:absolute}send choosefilesbutton{display:flex;flex-direction:column}send choosefilesbutton div{background:none;border:none;display:flex;flex-shrink:0;justify-content:center;outline:none;text-align:left}send choosefilesbutton div svg{display:inline-block;flex-shrink:0;height:23px;width:18px}send choosefilesbutton div svg path{fill:#7000ff}@media only screen and (max-width:777px){send choosefilesbutton div svg{height:14px;width:11px}}send selectedfiles{grid-area:selectedfiles;left:-100%;margin:40px 70px 43px;pointer-events:none;position:absolute}@media only screen and (max-width:777px){send selectedfiles{margin:40px 50px}}send selectedfiles afile{animation:fadeIn .2s both,slideDown .2s ease-out both;background:transparent;display:block}send selectedfiles afile:not(:first-of-type){margin-top:20px}send selectedfiles afile card{align-items:center;display:flex}send selectedfiles afile card svg.fileIcon{flex-shrink:0;height:25px;margin-right:32.5px;width:18px}@media only screen and (max-width:777px){send selectedfiles afile card svg.fileIcon{margin-right:20px}}send selectedfiles afile card svg.fileCrossIcon{background:transparent;cursor:pointer;flex-shrink:0;height:15px;margin-left:22px;padding:5px;width:15px}send selectedfiles afile card svg.fileCrossIcon path{transition:fill .1s}send selectedfiles afile card svg.fileCrossIcon:hover path{fill:crimson}card send selectedfiles afile>*{display:inline-block}send selectedfiles afile card p:first-of-type,send selectedfiles afile p:first-of-type span{word-wrap:anywhere;font-size:13px;font-weight:700}send selectedfiles afile card p:first-of-type{color:#eee;flex-shrink:1;font-family:var(--fontFamily);margin-right:auto}send selectedfiles afile card p:first-of-type span{color:#777;font-family:var(--codeFontFamily);letter-spacing:.1em}send selectedfiles afile.removedAfile card{animation:flipFileCardInAfile .2s both,offScreen 0s .2s both}send selectedfiles afile.removedAfile undoprompt{animation:onScreen 0s .2s both,showUndoPromptInAfile .2s .2s both}send selectedfiles afile undoprompt{align-items:center;display:flex;left:-100%;pointer-events:none;position:absolute;visibility:hidden}send selectedfiles afile undoprompt *{display:inline-block}send selectedfiles afile undoprompt>p{color:#eee;font-family:var(--fontFamily);font-size:12px;font-weight:700;letter-spacing:-.07em;margin-left:auto}send selectedfiles afile undoprompt>button{background:#eee;border:none;height:25px;margin-left:10px;outline:none;width:60px}send selectedfiles afile undoprompt>button>p{color:#000;font-family:var(--fontFamily);font-size:12px;font-weight:700;letter-spacing:-.07em;text-align:center}send selectedfiles afile undoprompt>button>svg path{fill:#000}send input{background:none;border:none;border-left:1px solid #fff;box-sizing:border-box;color:#fff;font-family:var(--fontFamily);font-size:12;font-weight:700;margin-top:10px;outline:none}send input::-moz-placeholder{color:#777;opacity:1!important}send input:-ms-input-placeholder{color:#777;opacity:1!important}send input::placeholder{color:#777;opacity:1!important}send input:focus{border:none}send addmorebutton{align-items:center;align-self:center;background:#ddd;display:flex;grid-area:addmorebutton;left:-100%;margin:0 -1px -1px;padding:29px 0 28px 70px;pointer-events:none;position:absolute;visibility:hidden}@media only screen and (max-width:777px){send addmorebutton{padding:29px 0 28px 50px}}send addmorebutton svg{height:18px;margin-right:32px;transition:transform .05s;width:18px}@media only screen and (max-width:777px){send addmorebutton svg{margin-right:20px}}send addmorebutton svg path{fill:#000;transition:fill .1s}send addmorebutton p{border-bottom:1px solid #000;color:#000;font-family:var(--fontFamily);font-size:13px;font-weight:700;transition:transform .05s,color .3s}send sendcards{grid-area:sendcards;left:-100%;pointer-events:none;position:absolute}header{animation:fadeIn .2s both;display:grid;grid-area:header;grid-template-areas:"violet theme";grid-template-columns:1fr 1fr}@media only screen and (max-width:777px){header p{font-size:8px!important}}header p:first-of-type{color:#7000ff;font-family:Arial;font-size:13px;grid-area:violet;letter-spacing:.435em}header p:first-of-type,header p:nth-of-type(2){font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header p:nth-of-type(2){color:#777;font-family:var(--fontFamily);font-size:12px;grid-area:signup;letter-spacing:.1em;text-align:center}header p:nth-of-type(2) span{text-decoration:underline}header svg{grid-area:theme;justify-self:flex-end}@media only screen and (max-width:777px){header{font-size:8px}}header header svg{height:15px;width:15px}usersnearby{animation:fadeIn .4s both;grid-area:usersnearby;min-height:75px}usersnearby p.usersNearbyText{color:#777;font-family:var(--fontFamily);margin-bottom:20px}usersnearby b,usersnearby p.usersNearbyText{display:inline-block;font-size:13px;font-weight:700;letter-spacing:-.02em;line-height:15px}usersnearby b{bottom:2px;color:#fff;cursor:pointer;font-family:var(--codeFontFamily);grid-area:info;margin-left:10px;position:relative;-webkit-text-decoration-line:underline;text-decoration-line:underline}usersnearby roommates{display:flex;flex-wrap:wrap-reverse;gap:20px;grid-area:roommates}usersnearby.recipientSelectorToggled{align-items:center;animation:recipientSelectorShowAnimation .4s both;background:#0d0c10;border:7px solid #7000ff;box-sizing:border-box;display:grid;grid-template-areas:"sendarrow sendtotext roommates info";grid-template-columns:68px auto 1fr 30px;min-height:75px}usersnearby.recipientSelectorToggled .sendArrow{animation:onScreen 0s both,fadeIn .4s both}usersnearby.recipientSelectorToggled .sendArrow svg{left:25px!important;position:relative!important}usersnearby.recipientSelectorToggled p.sendToText{animation:onScreen 0s both,fadeIn .4s both}usersnearby.recipientSelectorToggled p.usersNearbyText{display:none}usersnearby.recipientSelectorToggled b{animation:fadeIn .2s both;margin-left:0;text-align:center}usersnearby.recipientSelectorToggled roommates{align-items:center;animation:fadeIn .2s both,slideDown .4s both;flex-wrap:wrap;margin:13px 0}usersnearby.recipientSelectorToggled roommates roommateid.id{transition:transform .05s}usersnearby.recipientSelectorToggled roommates roommateid.id:hover{transform:scale(.95)}usersnearby.recipientSelectorToggled roommates roommateid.id div.blanksquare div.selectedsquare{animation:fadeOut}usersnearby.recipientSelectorToggled roommates roommateid.id.idSelected div.blanksquare div.selectedsquare{animation:onScreen 0s both,fadeIn .1s both}usersnearby.recipientSelectorToggled.idsSelected .sendArrow{background:#7000ff}usersnearby.recipientSelectorToggled.idsSelected .sendArrow svg{left:0!important;transform:scale(1.4)}usersnearby .sendArrow{cursor:pointer;display:grid;grid-area:sendarrow;left:-200vw;margin:-1px 0 -1px -1px;place-items:center;place-self:stretch;pointer-events:none;position:absolute;transition:background .1s;visibility:hidden}usersnearby .sendArrow svg{transition:transform .1s,left .1s}usersnearby p.sendToText{color:#777;font-family:var(--fontFamily);font-size:13px;font-weight:700;grid-area:sendtotext;left:-200vw;letter-spacing:-.02em;line-height:15px;margin:0 15px;pointer-events:none;position:absolute;visibility:hidden}sentrequests{grid-area:sentrequests}sendcard.waiting{grid-template-areas:"sendcardtitle cancelbutton" ". ." "sendcardfooter sendcardfooter"}sendcard.waiting .sendcardtitle p{display:none}sendcard.done,sendcard.loading{grid-template-areas:"sendcardtitle cancelbutton" ". ." "files files" ". ." "sendcardfooter sendcardfooter"}sendcard.done .sendcardtitle p.declined,sendcard.loading .sendcardtitle p.declined{display:none}sendcard.declined{grid-template-areas:"sendcardtitle cancelbutton" ". ." "sendcardfooter sendcardfooter"}sendcard div.sendcardtitle{grid-area:sendcardtitle}@media screen and (max-width:540px),screen and (min-width:777px)and (max-width:1200px){sendcard div.sendcardtitle{font-size:13px}}sendcard sendcardfooter{grid-area:sendcardfooter;grid-template-areas:"sendarrow . filecount" "sendarrow . ." "sendarrow . filesize"}sendcard sendcardfooter svg.sendArrow{grid-area:sendarrow}receivedrequests{grid-area:receivedrequests}receivecard.waiting{align-items:center;grid-template-areas:"receivecardtitle receivecardtitle receivecardtitle roommateid" ". . . ." "choicebuttons choicebuttons choicebuttons choicebuttons";grid-template-columns:auto 20px auto 1fr}@media screen and (max-width:480px),screen and (min-width:777px)and (max-width:1000px){receivecard.waiting{grid-template-areas:"receivecardtitle" "." "roommateid" "." "choicebuttons";grid-template-columns:1fr;grid-template-rows:auto 7px auto 30px auto}}receivecard.done,receivecard.loading{grid-template-areas:"receivecardtitle choicebuttons" ". ." "files files" ". ." "receivecardfooter receivecardfooter"}receivecard.done .receivecardtitle p,receivecard.done roommateid,receivecard.loading .receivecardtitle p,receivecard.loading roommateid{display:none}receivecard.done .downloadButton,receivecard.loading .downloadButton{animation:offScreen 0s both}receivecard.done .choiceButtons,receivecard.loading .choiceButtons{flex-direction:row-reverse}receivecard.declined{grid-template-areas:"receivecardtitle cancelbutton" ". ." "receivecardfooter receivecardfooter"}receivecard div.receivecardtitle{grid-area:receivecardtitle}receivecard .downloadButton{padding-left:0}receivecard .cancelButton{padding-right:0}@media only screen and (max-width:777px){receivecard .cancelButton{margin-left:auto}}receivecard .choiceButtons{display:flex;gap:50px;grid-area:choicebuttons;place-self:stretch}@media only screen and (max-width:777px){receivecard .choiceButtons{gap:0}}receivecard requestchoice{display:flex;gap:20px;grid-area:requestchoice}receivecard roommateid{cursor:default!important;grid-area:roommateid;justify-self:self-end}@media screen and (max-width:480px),screen and (min-width:777px)and (max-width:1000px){receivecard roommateid{justify-self:self-start}}receivecard receivecardfooter{grid-area:receivecardfooter;grid-template-areas:"downloadarrow . filecount" "downloadarrow . ." "downloadarrow . filesize"}receivecard receivecardfooter svg.downloadIcon{grid-area:downloadarrow}*{-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{min-height:100%;min-width:100%}body{background-color:#0b0a0c}body.lightMode{--bwcontrast:#000}body.blackMode,body.darkMode{--bwcontrast:#fff}.point{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}home{grid-gap:16px;display:grid;grid-template-areas:"header header" ". ." "usersnearby usersnearby" "send receive" "sentrequests receivedrequests";grid-template-columns:1fr 1fr;grid-template-rows:auto 28px auto auto auto;justify-content:stretch;margin:12.5vh 0;padding:0 9vw}@media only screen and (max-width:777px){home{grid-template-areas:"header" "." "usersnearby" "send" "receive" "receivedrequests" "sentrequests";grid-template-columns:auto;grid-template-rows:auto 28px auto 1fr 1fr auto auto;margin:7.5vh 0}home receive{height:150px}}@media only screen and (max-width:400px){home receive{height:100px}}@media only screen and (max-width:777px){home.filesAreLoaded{grid-template-rows:auto 28px auto auto auto auto auto}}home .actiontitles{color:#ddd;display:inline-block;flex-shrink:0;font-family:var(--fontFamily);font-size:21px;font-weight:medium;letter-spacing:.02em;margin-right:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:777px){home .actiontitles{font-size:13px;margin-right:16px}}