@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/static/media/raleway-cyrillic-ext-400-normal.afca160d632851197a24.woff2) format("woff2"),url(/static/media/raleway-all-400-normal.98e7ff86f2b9a46e19cc.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/static/media/raleway-cyrillic-400-normal.f7d0cc4bf9cf8da4f023.woff2) format("woff2"),url(/static/media/raleway-all-400-normal.98e7ff86f2b9a46e19cc.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/static/media/raleway-vietnamese-400-normal.bb6f51e1b67ec8802d57.woff2) format("woff2"),url(/static/media/raleway-all-400-normal.98e7ff86f2b9a46e19cc.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/static/media/raleway-latin-ext-400-normal.e2c3693083a044bed680.woff2) format("woff2"),url(/static/media/raleway-all-400-normal.98e7ff86f2b9a46e19cc.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/static/media/raleway-latin-400-normal.0bdecdd83e78d540c297.woff2) format("woff2"),url(/static/media/raleway-all-400-normal.98e7ff86f2b9a46e19cc.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sans-cyrillic-ext-700-normal.00b4dd1737b042f58e99.woff2) format("woff2"),url(/static/media/open-sans-all-700-normal.105e43091a26bbed22fe.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sans-cyrillic-700-normal.2cf6253fec5056197d00.woff2) format("woff2"),url(/static/media/open-sans-all-700-normal.105e43091a26bbed22fe.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sans-greek-ext-700-normal.8850c90c4b61e6472307.woff2) format("woff2"),url(/static/media/open-sans-all-700-normal.105e43091a26bbed22fe.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sans-greek-700-normal.a0312547715346ffccb1.woff2) format("woff2"),url(/static/media/open-sans-all-700-normal.105e43091a26bbed22fe.woff) format("woff");unicode-range:u+0370-03ff}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sans-hebrew-700-normal.3befb44d920b69550008.woff2) format("woff2"),url(/static/media/open-sans-all-700-normal.105e43091a26bbed22fe.woff) format("woff");unicode-range:u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sans-vietnamese-700-normal.b4c5968d5737aea8ed2d.woff2) format("woff2"),url(/static/media/open-sans-all-700-normal.105e43091a26bbed22fe.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sans-latin-ext-700-normal.64471a17dcb915ab3332.woff2) format("woff2"),url(/static/media/open-sans-all-700-normal.105e43091a26bbed22fe.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sans-latin-700-normal.b245bc85ddeedb27a549.woff2) format("woff2"),url(/static/media/open-sans-all-700-normal.105e43091a26bbed22fe.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.messenger{display:flex;height:calc(100vh - 70px)}.chatMenu{border-right:2px solid gray;flex:3.5 1}.chatMenuInput{border:none;border-bottom:1px solid gray;padding:10px 0;width:90%}.chatBox{flex:5.5 1}.chatBoxWrapper{display:flex;flex-direction:column;justify-content:space-between;position:relative}.chatBoxTop{height:100%;overflow-y:scroll;padding-right:10px}.chatBoxBottom{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.chatMessageInput{height:90px;padding:10px;width:80%}.chatSubmitButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;width:70px}.chatOnline{border-left:2px solid gray;flex:3 1}.chatBoxWrapper,.chatMenuWrapper,.chatOnlineWrapper{height:100%;padding:10px}.noConversationText{color:#e0dcdc;cursor:default;font-size:50px;position:absolute;top:10%}@media screen and (max-width:768px){.chatMenu{flex:1 1}.chatMenuInput{display:none}.chatBox{flex:10 1}.chatOnline{display:none;flex:1px 1}}.conversation{align-items:center;cursor:pointer;display:flex;padding:10px;width:90%}.conv{border-bottom:2px solid gray;margin-top:20px}.conn,.conv{display:flex}.conn{justify-content:space-between;width:100%}.noti{align-self:center;background-color:#d8392b;border-radius:50%;display:none;height:25px;justify-content:center;width:25px}.conversation:hover{background-color:#f5f3f3}.conversationImg{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.conversationName{font-weight:500}@media (max-width:768px){.conversation{align-items:center;cursor:pointer;display:flex;padding:10px;width:50%}.conn,.conversationName{display:none}.conv{border-bottom:2px solid gray;display:flex;margin-right:-11px;margin-top:20px}}.message{flex-direction:column;margin-top:20px}.message,.messageTop{display:flex}.messageImg{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.messageText{background-color:#1877f2;border-radius:20px;color:#fff;max-width:300px;padding:10px}.messageBottom{align-items:center;display:flex;font-size:12px;gap:3px;margin-top:5px}.message.own{align-items:flex-end}.message.own .messageText{background-color:#f5f1f1;color:#000}.chatOnlineFriend{align-items:center;border-bottom:1px solid gray;cursor:pointer;display:flex;font-weight:500;padding-bottom:10px;padding-top:10px}.chatOnlineImgContainer{margin-right:10px;position:relative}.chatOnlineImg{border:1px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.chatOnlineBadge{background-color:#32cd32;border-radius:50%;height:10px;position:absolute;right:2px;top:2px;width:10px}@media screen and (max-width:768px){.chatOnlineName{display:none}}
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.absolute{position:absolute}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.table-cell{display:table-cell}.hidden{display:none}.h-96{height:24rem}.w-40{width:10rem}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pb-4{padding-bottom:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-normal{line-height:1.5}.tracking-tight{letter-spacing:-.025em}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.invert{--tw-invert:invert(100%)}.filter,.invert{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}@media (prefers-color-scheme:dark){.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:768px){.md\:h-40{height:10rem}.md\:max-w-xl{max-width:36rem}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-none{border-radius:0}}
/*# sourceMappingURL=main.8ca78ce8.css.map*/