@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&display=swap);*{font-family:Roboto,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#nprogress .bar{background:#00409f!important;height:5px!important}#nprogress .peg{box-shadow:0 0 10px #0051ca,0 0 5px #00317a!important}#nprogress .spinner-icon{border-left-color:#ff5733!important;border-top-color:#ff5733!important}.react-confirm-alert-overlay{background:#00000080!important}.react-confirm-alert{background:#ffffffb3}.react-confirm-alert-body{background-color:#fff;box-shadow:0 5px 15px #0000004d;font-family:Arial,sans-serif;padding:20px;text-align:center}.react-confirm-alert-button-group{gap:10px;justify-content:flex-end!important}.react-confirm-alert-button-group button{border:none;border-radius:5px;cursor:pointer;font-size:16px!important;font-weight:700;min-height:40px;min-width:70px;padding:10px 20px}.react-confirm-alert-button-group button:first-child{background-color:#11a4ff;color:#fff}.react-confirm-alert-button-group button:last-child{background-color:#ccc;color:#000}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-bar{display:inline-block;position:relative}.search-bar .search-icon{color:#8c8c8c;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{border:1px solid #d9d9d9;border-radius:16px;font-size:14px;padding:8px 12px 8px 36px;transition:border-color .3s,box-shadow .3s;width:220px}.search-bar input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.search-bar input::placeholder{color:#bfbfbf}.filter{align-items:center;display:inline-flex;gap:8px}.filter .filter-icon{color:#8c8c8c;font-size:16px}.filter select{background-color:#fff;border:1px solid #d9d9d9;border-radius:16px;cursor:pointer;font-size:14px;padding:8px 24px 8px 12px;transition:border-color .3s,box-shadow .3s}.filter select:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.post-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.post-table{border-collapse:initial;border-spacing:0;width:100%}.post-table td,.post-table th{border-bottom:1px solid #e8ecef;font-size:14px;padding:14px 20px;text-align:left;vertical-align:middle}.post-table th{background-color:#f7f9fc;border-bottom:2px solid #dfe4ea;color:#1f2a44;font-weight:600;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:1}.post-table td{background-color:#fff;color:#2d3748}.post-table td,.post-table tr{transition:background-color .3s ease}.post-table tr:hover td{background-color:#f9fbfd}.post-table tr:last-child td{border-bottom:none}.post-table .status{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;line-height:1;padding:5px 14px;text-transform:capitalize}.post-table .status.approved{background-color:#e6f4ea;color:#2e7d32}.post-table .status.pending{background-color:#fef7e0;color:#d97706}.post-table .status.rejected{background-color:#fee2e2;color:#b91c1c}.post-table .action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:background-color .3s ease,transform .2s ease}.post-table .action-btn.delete{background-color:#ff4d4f;color:#fff}.post-table .action-btn.delete:hover{background-color:#ff7875;transform:translateY(-1px)}.action-btn.approve{align-items:center;background-color:#52c41a;border:none;color:#fff;cursor:pointer;display:flex;gap:5px;margin-bottom:5px;margin-right:5px;padding:5px 10px}.action-btn.approve:hover{background-color:#389e0d}.pagination-container{display:flex;justify-content:center}.header-content{align-items:center;display:flex;gap:20px;height:100%;justify-content:flex-end}.header-content .Avatar-admin{align-items:center;cursor:pointer;display:flex}.header-content .Avatar-admin img{border-radius:50%;height:30px;object-fit:cover;width:30px}.dashboard-chart-container{height:350px;padding:10px;position:relative;width:100%}@media(max-width:768px){.dashboard-chart-container{height:280px;padding:0}}.chart-state-container{align-items:center;display:flex;height:350px;justify-content:center;width:100%}@media(max-width:768px){.chart-state-container{height:280px}}.chart-state-container p{color:#999;padding:0 10px;text-align:center}@media(max-width:768px){.ant-card{margin-bottom:12px}.ant-card .ant-card-head{min-height:auto;padding:10px 16px}.ant-card .ant-card-head .ant-card-head-title{font-size:15px;padding:4px 0;white-space:normal}.ant-card .ant-card-body{padding:12px}}.mobile-menu-trigger button{display:none!important}@media(max-width:992px){.mobile-menu-trigger button{display:inline-flex!important}.ant-layout,.ant-layout.ant-layout-has-sider>.ant-layout{margin-left:0!important}}.setting-Overlay-admin{background:#fff!important;border:1px solid #ddd!important;border-radius:10px!important;box-shadow:0 4px 12px #0003!important;cursor:pointer!important;padding:12px!important;position:fixed!important;right:30px!important;top:70px!important;width:350px!important;z-index:1000!important}.setting-Overlay-admin .Account{align-items:center!important;background:#f0f2f5!important;border-bottom:1px solid #ddd!important;border-radius:10px 10px 0 0!important;display:flex!important;padding:14px!important}.setting-Overlay-admin .Account .AvatarUser{border-radius:50%!important;height:60px!important;margin-right:12px!important;width:60px!important}.setting-Overlay-admin .Account .UserName{font-size:24px!important;font-weight:700!important}.setting-Overlay-admin .setting{display:flex!important;flex-direction:column!important;padding:12px!important}.setting-Overlay-admin .setting span{border-bottom:1px solid #eee!important;cursor:pointer!important;font-size:14px!important;padding:12px!important;transition:background .3s ease!important}.setting-Overlay-admin .setting span:hover{background:#f0f2f5!important}.setting-Overlay-admin .setting .btn-changeProfile{font-weight:700!important}.setting-Overlay-admin .setting .btn-logout{color:red!important;font-weight:700!important}.account-verified-container{align-items:center;background-color:#f5f5f5;background:linear-gradient(180deg,#6dc2ff,#fff);display:flex;font-family:Roboto,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.account-verified-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;overflow:hidden;text-align:center;width:100%}.icon-container{height:80px;width:80px}.checkmark{height:100%;width:100%}.checkmark__circle{stroke:#34a853;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{stroke:#34a853;stroke-width:2;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}.continue-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.continue-button:hover{background-color:#1266f1}@keyframes stroke{to{stroke-dashoffset:0}}.comment-modal-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:11}.comment-modal-overlay .logowebsite{left:0;position:fixed;top:0;z-index:9999}.comment-modal-overlay .logowebsite .logoUS{width:150px}.comment-modal-overlay .post-overlay{background:#fff;border-radius:8px;display:flex;margin-top:100px;max-height:100vh;overflow:hidden;position:relative;width:100vw}.comment-modal-overlay .image-Post{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;position:relative;width:60%}.comment-modal-overlay .image-Post .media-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.comment-modal-overlay .image-Post .post-media{max-height:80vh;max-width:100%;object-fit:contain}.comment-modal-overlay .image-Post .nav-button{align-items:center;background-color:#2c2c2c4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:40px;z-index:10}.comment-modal-overlay .image-Post .nav-button:hover{background-color:#8a8a8ab3}.comment-modal-overlay .image-Post .nav-button.prev-button{left:10px}.comment-modal-overlay .image-Post .nav-button.next-button{right:10px}.comment-modal-overlay .content-post{display:flex;flex-direction:column;overflow:hidden;padding:16px;width:40%}.post-overlay:not(:has(.image-Post)) .comment-modal-overlay .content-post{width:100%}.comment-modal-overlay .avatar-and-option{align-items:center;display:flex;justify-content:space-between}.comment-modal-overlay .avatar-and-option .more-options{cursor:pointer}.comment-modal-overlay .avatar-and-option .avatar-and-name{align-items:center;display:flex;font-size:18px;font-weight:700}.comment-modal-overlay .avatar-and-option .avatar-and-name .avatar{border-radius:50%;height:50px;margin-bottom:10px;margin-right:8px;width:50px}.comment-modal-overlay .avatar-and-option .avatar-and-name .Time-post-Comments-Modal{color:#383838;font-size:14px;font-weight:lighter;margin:10px}.comment-modal-overlay .post-content{font-size:24px;margin:12px 20px}.comment-modal-overlay .interactions{border-bottom:3px solid #ddd;border-top:3px solid #ddd;display:flex;justify-content:space-between;padding:10px 0}.comment-modal-overlay .interactions div{align-items:center;cursor:pointer;display:flex}.comment-modal-overlay .interactions div img{height:24px;margin-right:5px;width:24px}.comment-modal-overlay .comments-section{overflow:auto;padding-bottom:70px;position:relative}.comment-modal-overlay .comments-section .No-Comment-modal{color:#888;font-size:16px;font-style:italic;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.comment-modal-overlay .comment-input{align-items:center;background:#fff;border-top:1px solid #ddd;bottom:0;display:flex;height:100px;position:fixed;right:0;width:40%}.post-overlay:not(:has(.image-Post)) .comment-modal-overlay .comment-input{right:auto;width:100%}.comment-modal-overlay .comment-input .avatar{border-radius:50%;height:50px;margin-left:10px;margin-right:10px;width:50px}.comment-modal-overlay .comment-input textarea{border:1px solid #ccc;border-radius:10px;flex:1 1;outline:none;padding:8px;resize:none}.comment-modal-overlay .comment-input button{align-items:center;background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;margin-left:10px;margin-right:10px;padding:8px 12px;width:50px}.comment-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media(max-width:768px){.comment-modal-overlay{height:100vh;overflow:hidden;padding:0;width:100%}.comment-modal-overlay .logowebsite{display:none}.comment-modal-overlay .post-overlay{flex-direction:column;height:100vh}.comment-modal-overlay .post-overlay .image-Post{height:30vh;width:100%}.comment-modal-overlay .post-overlay .image-Post .media-container{height:100%}.comment-modal-overlay .post-overlay .image-Post .media-container .post-media{max-height:100%;object-fit:contain}.comment-modal-overlay .post-overlay .image-Post .media-container .nav-button{height:30px;padding:5px;width:30px}.comment-modal-overlay .post-overlay .image-Post .media-container .nav-button.prev-button{left:5px}.comment-modal-overlay .post-overlay .image-Post .media-container .nav-button.next-button{right:5px}.comment-modal-overlay .post-overlay .content-post{height:800px;overflow-y:auto;padding:10px;width:100%}.comment-modal-overlay .post-overlay .content-post img{height:30px!important;width:30px!important}.comment-modal-overlay .post-overlay .content-post .post-content{font-size:18px;margin-top:10px}.comment-modal-overlay .post-overlay .comment-input{background:#fff;border-top:1px solid #eee;bottom:0;left:0;padding:10px;position:static;right:0;width:100%}.comment-modal-overlay .post-overlay .comment-input .avatar{height:40px;margin-left:0;margin-right:0;width:40px}.comment-modal-overlay .post-overlay .comment-input textarea{margin:0 10px;max-height:80px;width:calc(100% - 80px)}.comment-modal-overlay .post-overlay .comment-input button{height:40px;margin-left:0;margin-right:0;width:40px}}.comment-list-container{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px;position:relative}.comment-list-container::-webkit-scrollbar{width:8px}.comment-list-container::-webkit-scrollbar-thumb{background-color:#bcc0c4;border-radius:4px}.comment-list-container .no-comment{color:#888;font-style:italic;margin-top:40px;text-align:center}.comment-list-container .loading-more-spinner{display:flex;justify-content:center;padding:10px}.comment-item-container{margin-bottom:12px}.comment-item-container .comment-row{align-items:flex-start;display:flex;gap:8px}.comment-item-container .comment-row .avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.comment-item-container .comment-row .content-area{flex:1 1;max-width:calc(100% - 40px)}.comment-item-container .comment-row .content-area .bubble-wrapper{display:inline-block;max-width:100%;position:relative}.comment-item-container .comment-row .content-area .bubble-wrapper .bubble{background-color:#f0f2f5;border-radius:18px;padding:8px 12px;position:relative}.comment-item-container .comment-row .content-area .bubble-wrapper .bubble .user-name{color:#050505;display:block;font-size:13px;font-weight:600;margin-bottom:2px}.comment-item-container .comment-row .content-area .bubble-wrapper .bubble .text{color:#050505;font-size:15px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.comment-item-container .comment-row .content-area .bubble-wrapper .options-btn{background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;opacity:0;padding:4px;position:absolute;right:-30px;top:50%;transform:translateY(-50%);transition:opacity .2s}.comment-item-container .comment-row .content-area .bubble-wrapper .options-btn:hover{background-color:#f0f2f5}.comment-item-container .comment-row .content-area .options-btn.active,.comment-item-container .comment-row .content-area:hover .options-btn{opacity:1}.comment-item-container .comment-row .content-area .actions{color:#65676b;display:flex;font-size:12px;gap:12px;margin-left:12px;margin-top:2px}.comment-item-container .comment-row .content-area .actions span{cursor:pointer;font-weight:600}.comment-item-container .comment-row .content-area .actions span:hover{text-decoration:underline}.comment-item-container .comment-row .content-area .actions span.liked{color:#f3425f}.comment-item-container .edit-mode{width:100%}.comment-item-container .edit-mode textarea{background:#f0f2f5;border:1px solid #ddd;border-radius:15px;font-family:inherit;outline:none;padding:8px 12px;resize:none;width:100%}.comment-item-container .edit-mode textarea:focus{border-color:#1877f2}.comment-item-container .edit-mode .edit-actions{margin-top:4px;text-align:right}.comment-item-container .edit-mode .edit-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-left:8px;padding:4px 12px}.comment-item-container .edit-mode .edit-actions button.cancel{background:#0000;color:#65676b}.comment-item-container .edit-mode .edit-actions button.save{background:#1877f2;color:#fff}.comment-item-container .replies-wrapper{border-left:2px solid #e4e6eb;margin-left:40px;margin-top:8px;padding-left:12px}.comment-item-container .reply-input-area{display:flex;gap:8px;margin-left:40px;margin-top:8px}.comment-item-container .reply-input-area .reply-avatar{border-radius:50%;height:24px;width:24px}.comment-item-container .reply-input-area .input-box{flex:1 1;position:relative}.comment-item-container .reply-input-area .input-box input{background:#f0f2f5;border:none;border-radius:15px;font-size:14px;outline:none;padding:6px 12px;width:100%}.comment-item-container .reply-input-area .input-box button{background:none;border:none;color:#1877f2;cursor:pointer;position:absolute;right:8px;top:50%;transform:translateY(-50%)}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:#ffffffe6;bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.comment-options-menu{animation:fadeIn .1s ease-out;background:#fff;border:1px solid #e4e6eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:24px;z-index:100}.comment-options-menu .menu-item{color:#050505;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:10px 16px;transition:background .2s}.comment-options-menu .menu-item:hover{background-color:#f2f2f2}.comment-options-menu .menu-item.delete{color:#dc3545}.content-post-header{background:#fff;border-bottom:1px solid #e4e6eb;padding:12px 16px}.content-post-header .header-top{align-items:flex-start;display:flex;justify-content:space-between}.content-post-header .header-top .user-info-group{align-items:center;display:flex;gap:10px}.content-post-header .header-top .user-info-group .avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.content-post-header .header-top .user-info-group .info{display:flex;flex-direction:column}.content-post-header .header-top .user-info-group .info .name{color:#050505;font-size:15px;font-weight:600}.content-post-header .header-top .user-info-group .info .time{align-items:center;color:#65676b;display:flex;font-size:12px;gap:4px}.content-post-header .header-top .close-btn{border-radius:50%;color:#65676b;cursor:pointer;padding:4px}.content-post-header .header-top .close-btn:hover{background:#f0f2f5}.content-post-header .caption{color:#050505;font-size:14px;line-height:1.5;margin-top:12px}.content-post-header .stats{border-bottom:1px solid #e4e6eb;color:#65676b;display:flex;font-size:14px;justify-content:space-between;margin-top:12px;padding:8px 0}.content-post-header .stats .stat-item{align-items:center;cursor:pointer;display:flex;gap:6px}.content-post-header .stats .stat-item:hover{text-decoration:underline}.content-post-header .action-buttons{display:flex;padding-top:4px}.content-post-header .action-buttons button{align-items:center;background:none;border:none;border-radius:4px;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px;transition:background .2s}.content-post-header .action-buttons button:hover{background:#f0f2f5}.content-post-header .action-buttons button.active{color:#f3425f}.comment-modal-overlay-noImg{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.comment-modal-overlay-noImg .logowebsite{left:0;position:fixed;top:0;z-index:9999}.comment-modal-overlay-noImg .logowebsite .logoUS{width:150px}.comment-modal-overlay-noImg .post-overlay{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:100vh;overflow:hidden;position:relative}.comment-modal-overlay-noImg .image-Post{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;position:relative;width:60%}.comment-modal-overlay-noImg .image-Post .media-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.comment-modal-overlay-noImg .image-Post .post-media{max-height:100vh;max-width:100%;object-fit:contain}.comment-modal-overlay-noImg .image-Post .nav-button{align-items:center;background-color:#2c2c2c4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:40px;z-index:10}.comment-modal-overlay-noImg .image-Post .nav-button:hover{background-color:#8a8a8ab3}.comment-modal-overlay-noImg .image-Post .nav-button.prev-button{left:10px}.comment-modal-overlay-noImg .image-Post .nav-button.next-button{right:10px}.comment-modal-overlay-noImg .content-post{display:flex;flex-direction:column;overflow:hidden;padding:16px;width:600px}.comment-modal-overlay-noImg .content-post.full-width{width:100%}.comment-modal-overlay-noImg .avatar-and-option{align-items:center;display:flex;justify-content:space-between}.comment-modal-overlay-noImg .avatar-and-option .more-options{cursor:pointer}.comment-modal-overlay-noImg .avatar-and-option .avatar-and-name{align-items:center;display:flex;font-size:18px;font-weight:700}.comment-modal-overlay-noImg .avatar-and-option .avatar-and-name .avatar{border-radius:50%;height:50px;margin-bottom:10px;margin-right:8px;width:50px}.comment-modal-overlay-noImg .avatar-and-option .avatar-and-name .Time-post-Comments-Modal{color:#383838;font-size:14px;font-weight:lighter;margin:10px}.comment-modal-overlay-noImg .post-content{font-size:24px;margin:12px 20px}.comment-modal-overlay-noImg .interactions{border-bottom:3px solid #ddd;border-top:3px solid #ddd;display:flex;justify-content:space-between;padding:10px 0}.comment-modal-overlay-noImg .interactions div{align-items:center;cursor:pointer;display:flex}.comment-modal-overlay-noImg .interactions div img{height:24px;margin-right:5px;width:24px}.comment-modal-overlay-noImg .comments-section{overflow:auto;padding-bottom:70px;position:relative}.comment-modal-overlay-noImg .comments-section .No-Comment-modal{color:#888;font-size:16px;font-style:italic;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.comment-modal-overlay-noImg .comment-input{align-items:center;background:#fff;border-top:1px solid #ddd;bottom:0;display:flex;height:100px;right:0;width:100%}.comment-modal-overlay-noImg .comment-input .avatar{border-radius:50%;height:50px;margin-left:10px;margin-right:10px;width:50px}.comment-modal-overlay-noImg .comment-input textarea{border:1px solid #ccc;border-radius:10px;flex:1 1;outline:none;padding:8px;resize:none}.comment-modal-overlay-noImg .comment-input button{align-items:center;background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;margin-left:10px;margin-right:10px;padding:8px 12px;width:50px}.reply-section{border-left:2px solid #ddd;margin-left:60px;padding-left:10px}.reply-section .reply-comment{align-items:center;display:flex;margin-top:10px}.reply-section .reply-comment .avatar{border-radius:50%;height:50px;margin-right:10px;width:50px}.reply-section .reply-comment .reply-content{word-wrap:break-word;background:#f0f0f0;border-radius:12px;max-width:80%;overflow-wrap:break-word;padding:8px;white-space:pre-wrap}.reply-section .reply-comment .reply-content .reply-username{font-weight:700}.reply-section .reply-comment .more-options{cursor:pointer;height:20px;margin-left:10px;width:20px}.reply-section .comment-rely-actions{align-items:center;cursor:pointer;display:flex;margin:0 70px}.reply-section .comment-rely-actions .like-rely-icon{height:20px;margin:0 10px;width:20px}.reply-section .comment-rely-actions span{margin:10px}.reply-input{align-items:center;display:flex;margin:0 60px;max-height:100px;width:80%}.reply-input textarea{border:1px solid #c2c2c2;border-radius:5px;border-radius:10px;font-size:14px;min-height:50px;outline:none;overflow-y:auto;resize:none;width:400px}.reply-input button{background:#007bff;border:none;border-radius:10px;color:#fff;font-size:14px;height:30px;margin:0 10px;width:60px}.actions{border-bottom:1px solid #e4e6eb;border-top:1px solid #e4e6eb;display:flex;justify-content:space-between;margin:0 16px;padding:8px 0}.actions .action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;justify-content:center;padding:8px 12px;transition:all .2s ease}.actions .action-btn:hover{background:#0000000d}.actions .action-btn.liked{color:#f3425f}.actions .action-btn.liked .like-icon{animation:likeAnimation .4s ease}.actions .action-btn .comment-icon,.actions .action-btn .like-icon,.actions .action-btn .share-icon{margin-right:6px;transition:transform .2s}.actions .action-btn:hover .comment-icon,.actions .action-btn:hover .like-icon,.actions .action-btn:hover .share-icon{transform:scale(1.1)}.actions .action-btn .action-count{margin-left:4px}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.comment-item{border-bottom:1px solid #f0f2f5;padding:12px 0}.comment-item .comment-main,.comment-item .reply-item{display:flex;gap:12px;margin-bottom:8px}.comment-item .comment-avatar,.comment-item .reply-avatar{border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.comment-item .comment-body,.comment-item .reply-body{flex:1 1;min-width:0}.comment-item .comment-header,.comment-item .reply-header{align-items:center;display:flex;gap:8px;position:relative}.comment-item .comment-author,.comment-item .reply-author{color:#050505;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-item .comment-more-btn,.comment-item .reply-more-btn{background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;flex-shrink:0;margin-left:auto;padding:4px}.comment-item .comment-more-btn:hover,.comment-item .reply-more-btn:hover{background:#f0f2f5}.comment-item .comment-content,.comment-item .reply-content{color:#050505;font-size:15px;line-height:1.4;margin:4px 0;word-break:break-word}.comment-item .comment-content.editing,.comment-item .reply-content.editing{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:18px;box-shadow:0 1px 3px #0000000d;padding:8px 12px;transition:all .2s ease}.comment-item .comment-content.editing:focus-within,.comment-item .reply-content.editing:focus-within{background:#e4e6eb;border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.comment-item .comment-content.editing textarea,.comment-item .reply-content.editing textarea{background:#0000;border:none;color:#050505;font-family:inherit;font-size:15px;line-height:1.4;margin:0;max-height:120px;min-height:20px;outline:none;padding:0;resize:none;width:100%}.comment-item .comment-content.editing textarea::placeholder,.comment-item .reply-content.editing textarea::placeholder{color:#65676b}.comment-item .comment-content.editing .edit-actions,.comment-item .reply-content.editing .edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.comment-item .comment-content.editing .edit-actions button,.comment-item .reply-content.editing .edit-actions button{border:none;border-radius:14px;box-shadow:0 1px 2px #0000001a;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.comment-item .comment-content.editing .edit-actions button:first-child,.comment-item .reply-content.editing .edit-actions button:first-child{background:#1877f2;color:#fff}.comment-item .comment-content.editing .edit-actions button:first-child:hover,.comment-item .reply-content.editing .edit-actions button:first-child:hover{background:#165ece;transform:translateY(-1px)}.comment-item .comment-content.editing .edit-actions button:first-child:active,.comment-item .reply-content.editing .edit-actions button:first-child:active{transform:translateY(0)}.comment-item .comment-content.editing .edit-actions button:last-child,.comment-item .reply-content.editing .edit-actions button:last-child{background:#e4e6eb;color:#050505}.comment-item .comment-content.editing .edit-actions button:last-child:hover,.comment-item .reply-content.editing .edit-actions button:last-child:hover{background:#d8dade;transform:translateY(-1px)}.comment-item .comment-content.editing .edit-actions button:last-child:active,.comment-item .reply-content.editing .edit-actions button:last-child:active{transform:translateY(0)}.comment-item .comment-actions,.comment-item .reply-actions{display:flex;gap:16px;margin-top:4px}.comment-item .action-btn{align-items:center;background:none;border:none;color:#65676b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:2px 0}.comment-item .action-btn:hover{text-decoration:underline}.comment-item .action-btn.liked{color:#f3425f}.comment-item .action-count{font-size:13px}.comment-item .replies-container{border-left:2px solid #e4e6eb;margin-left:44px;max-height:300px;overflow-y:auto;padding-left:12px;scroll-behavior:smooth}.comment-item .replies-container::-webkit-scrollbar{width:6px}.comment-item .replies-container::-webkit-scrollbar-thumb{background:#bcc0c4;border-radius:3px}.comment-item .view-more-replies{background:none;border:none;color:#65676b;cursor:pointer;display:block;font-size:13px;font-weight:500;margin:4px 0;padding:8px 0 8px 44px}.comment-item .view-more-replies:hover{text-decoration:underline}.comment-item .reply-input-container{align-items:flex-start;display:flex;gap:12px;margin:8px 0 8px 44px;padding:0}.comment-item .reply-input-container .reply-input-avatar{flex-shrink:0;height:36px;width:36px}.comment-item .reply-input-container .reply-input-avatar img{border:1px solid #0000000d;border-radius:50%;height:100%;object-fit:cover;width:100%}.comment-item .reply-input-container .reply-input-wrapper{flex:1 1;position:relative}.comment-item .reply-input-container .reply-input-wrapper .input-box{background:#f0f2f5;border-radius:18px;padding:8px 12px;transition:all .2s ease}.comment-item .reply-input-container .reply-input-wrapper .input-box:focus-within{background:#e4e6eb}.comment-item .reply-input-container .reply-input-wrapper textarea{background:#0000;border:none;color:#050505;font-family:inherit;font-size:15px;line-height:1.4;margin:0;max-height:120px;min-height:20px;outline:none;padding:0;resize:none;width:100%}.comment-item .reply-input-container .reply-input-wrapper textarea::placeholder{color:#65676b}.comment-item .reply-input-container .reply-input-wrapper .input-actions{align-items:center;bottom:8px;display:flex;position:absolute;right:8px}.comment-item .reply-input-container .reply-input-wrapper .input-actions .send-reply-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.comment-item .reply-input-container .reply-input-wrapper .input-actions .send-reply-btn:not(.disabled):hover{background:#0000000d}.comment-item .reply-input-container .reply-input-wrapper .input-actions .send-reply-btn.disabled{cursor:not-allowed;opacity:.6}.comment-item .reply-input-container .reply-input-wrapper .input-actions .send-reply-btn svg{height:20px;width:20px}.comment-item .comment-options-container{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;position:absolute;right:0;top:100%;z-index:10}.comment-item .toggle-replies-btn{align-items:center;background:none;border:none;color:#65676b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin:4px 0;padding:8px 0 8px 44px}.comment-item .toggle-replies-btn:hover{text-decoration:underline}.comment-item .toggle-replies-btn svg{margin-right:4px}@media(max-width:768px){.comment-modal-overlay-noImg{height:100vh;overflow:hidden;padding:0;width:100%}.comment-modal-overlay-noImg .logowebsite{display:none}.comment-modal-overlay-noImg .post-overlay{flex-direction:column;height:100vh}.comment-modal-overlay-noImg .post-overlay .image-Post{height:30vh;width:100%}.comment-modal-overlay-noImg .post-overlay .image-Post .media-container{height:100%}.comment-modal-overlay-noImg .post-overlay .image-Post .media-container .post-media{max-height:100%;object-fit:contain}.comment-modal-overlay-noImg .post-overlay .image-Post .media-container .nav-button{height:30px;padding:5px;width:30px}.comment-modal-overlay-noImg .post-overlay .image-Post .media-container .nav-button.prev-button{left:5px}.comment-modal-overlay-noImg .post-overlay .image-Post .media-container .nav-button.next-button{right:5px}.comment-modal-overlay-noImg .post-overlay .content-post{height:800px;overflow-y:auto;padding:10px;width:100%}.comment-modal-overlay-noImg .post-overlay .content-post img{height:30px!important;width:30px!important}.comment-modal-overlay-noImg .post-overlay .content-post .post-content{font-size:18px;margin-top:10px}.comment-modal-overlay-noImg .post-overlay .comment-input{background:#fff;border-top:1px solid #eee;bottom:0;left:0;padding:10px;position:static;right:0;width:100%}.comment-modal-overlay-noImg .post-overlay .comment-input .avatar{height:40px;margin-left:0;margin-right:0;width:40px}.comment-modal-overlay-noImg .post-overlay .comment-input textarea{margin:0 10px;max-height:80px;width:calc(100% - 80px)}.comment-modal-overlay-noImg .post-overlay .comment-input button{height:40px;margin-left:0;margin-right:0;width:40px}}.comment-wrapper{position:relative}.comment-options{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;font-weight:700;padding:8px 12px;position:absolute;right:60px;top:20px;width:300px;z-index:9999}.comment-options span{cursor:pointer;display:block;padding:8px;transition:background .2s ease-in-out}.comment-options span:hover{background:#f0f0f0}.comment-options .update-comment{color:#007bff}.comment-options .delete-comment{color:#ff4d4d}.comment-options .report-comment{color:#ff9800}@media(max-width:768px){.comment-options{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;font-weight:700;padding:8px 12px;position:absolute;right:0;top:0;width:160px;z-index:9999}.comment-options span{cursor:pointer;display:block;padding:8px;transition:background .2s ease-in-out}.comment-options span:hover{background:#f0f0f0}.comment-options .update-comment{color:#007bff}.comment-options .delete-comment{color:#ff4d4d}.comment-options .report-comment{color:#ff9800}}.resend-verification-container{align-items:center;background:linear-gradient(180deg,#6dc2ff,#fff);display:flex;font-family:Roboto,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.resend-verification-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;overflow:hidden;text-align:center;width:100%}.header-verify{background-color:#4285f4;color:#fff;padding:20px}.header-verify h1{font-size:24px;font-weight:500;margin:0}.content{padding:30px}.content h2{color:#333;font-size:20px;margin-bottom:15px}.content p{color:#666;line-height:1.5;margin-bottom:25px}.icon-container{align-items:center;display:inline-block;flex-wrap:wrap;gap:16px;justify-content:center;margin:0 auto 20px;width:300px}.icon-container .icon-envelope{color:#4285f4;font-size:60px}.icon-container h3{animation:fadeInDown .5s ease;background-color:#fceced;border-radius:6px;box-shadow:0 2px 6px #dc354533;color:#dc3545;font-size:16px;font-weight:600;margin-bottom:5px;padding:10px 16px}.form{display:flex;flex-direction:column;gap:1rem}.input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:12px 16px;transition:border-color .3s}.input:focus{border-color:#4285f4;outline:none}.continue-button-resend{align-items:center;background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:background-color .3s}.continue-button-resend:hover{background-color:#1266f1}.continue-button-resend:disabled{background-color:#aaa;cursor:not-allowed}.continue-button-resend .icon-send{font-size:16px}.continue-button-resend .spinner{animation:spin 1s linear infinite;font-size:16px}.error{color:#dc3545;font-weight:500;margin-top:1rem}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fafafa;color:#383a42}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.chat-interface{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.chat-header{border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d;padding:12px 16px;z-index:10}.chat-header .menu-button,.chat-header .new-chat-button{align-items:center;background:none;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.chat-header .menu-button:hover,.chat-header .new-chat-button:hover{background-color:#f1f3f5}.chat-header .chat-title{color:#212529;flex:1 1;font-size:1.1rem;font-weight:600;margin:0;text-align:center}.chat-messages{background-color:#f8f9fa;flex:1 1;overflow-y:auto;padding:16px;scroll-behavior:smooth}.chat-messages .no-messages,.chat-messages .welcome-screen{align-items:center;color:#6c757d;display:flex;font-size:.95rem;height:100%;justify-content:center;text-align:center}.message-bubble{word-wrap:break-word;animation:fadeIn .2s ease-out;border-radius:12px;line-height:1.5;margin-bottom:12px;max-width:85%;padding:12px 16px;position:relative;transition:all .15s ease-out}.message-bubble.ai-message:not(.streaming) .message-content:empty,.message-bubble.user-message .message-content:empty{display:none}.message-bubble.user-message{background-color:#4361ee;border-bottom-right-radius:4px;color:#fff;margin-left:auto}.message-bubble.user-message .message-time{color:#ffffffb3;text-align:right}.message-bubble.ai-message{background-color:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d;color:#212529;margin-right:auto}.message-bubble.ai-message .message-time{color:#868e96}.message-bubble.ai-message.streaming .streaming-dots{margin-left:4px}.message-bubble.error{background-color:#fff3f5;border:1px solid #ffcdd2;color:#d32f2f}.message-bubble .message-content{font-size:.95rem;min-height:20px}.message-bubble .message-content p{margin:0 0 8px}.message-bubble .message-content p:last-child{margin-bottom:0}.message-bubble .message-content code,.message-bubble .message-content pre{white-space:pre-wrap;word-break:break-word}.message-bubble .message-time{font-size:.7rem;margin-top:4px;opacity:.8}.message-bubble.ai-message.streaming{background-color:#f8f9fa;border:1px solid #e9ecef;min-height:44px}.message-bubble.ai-message.streaming .message-content{min-height:24px;position:relative}.message-bubble.ai-message.streaming .message-content:empty,.message-bubble.ai-message.streaming .message-content:only-child{min-height:28px}.message-bubble.ai-message.streaming .message-content p{margin:0;width:100%}.message-bubble.ai-message.streaming .streaming-dots{align-items:center;display:inline-flex;height:24px}.message-bubble.ai-message.streaming .streaming-dots span{animation:bounce .5s ease-in-out infinite;background-color:#4361ee;border-radius:50%;display:inline-block;height:6px;margin:0 2px;width:6px}.message-bubble.ai-message.streaming .streaming-dots span:first-child{animation-delay:0s}.message-bubble.ai-message.streaming .streaming-dots span:nth-child(2){animation-delay:.1s}.message-bubble.ai-message.streaming .streaming-dots span:nth-child(3){animation-delay:.2s}.chat-input-container{background-color:#fff;border-top:1px solid #e9ecef;padding:12px 16px}.chat-input-container .chat-input{align-items:flex-end;background-color:#f1f3f5;border-radius:24px;display:flex;padding:8px 12px;transition:background-color .2s}.chat-input-container .chat-input:focus-within{background-color:#e9ecef}.chat-input-container .chat-input textarea{background:#0000;border:none;flex:1 1;font-size:.95rem;line-height:1.5;max-height:120px;outline:none;padding:6px 8px;resize:none}.chat-input-container .chat-input .send-button{align-items:center;background:none;border:none;border-radius:50%;box-sizing:border-box;color:#4361ee;cursor:pointer;display:flex;display:inline-block;height:36px;justify-content:center;transition:background-color .2s;width:36px}.chat-input-container .chat-input .send-button:disabled{color:#adb5bd;cursor:not-allowed}.chat-input-container .chat-input .send-button:not(:disabled):hover{background-color:#4361ee1a}.chat-input-container .chat-input .send-button .spinner{animation:spin 1s linear infinite;border:2px solid #4361ee4d;border-radius:50%;border-top-color:#4361ee;height:18px;width:18px}.chat-input-container .chat-input .mic-button{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;justify-content:center;padding:8px}.chat-input-container .chat-input .mic-button:hover{color:#007bff}.chat-input-container .chat-input .mic-button:disabled{cursor:not-allowed;opacity:.6}.retry-message{background-color:#0000;border:none;margin:8px 0;padding:0 16px;text-align:right}.retry-message .retry-button{align-items:center;background-color:#4361ee;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.retry-message .retry-button svg{stroke:#fff}.retry-message .retry-button:hover{background-color:#3a56d4;box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.retry-message .retry-button:disabled{background-color:#adb5bd;cursor:not-allowed}.error-message{color:#dc3545;font-size:.85rem;padding:8px}.post-media-container{border-radius:8px;margin-top:12px;max-width:100%;overflow:hidden}.post-media-image{border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;margin:0 auto;max-height:300px;max-width:100%}@media(max-width:768px){.post-media-image{max-height:200px}}.chat-messages .message-bubble.ai-message .message-content{overflow-x:auto}.chat-messages .message-bubble.ai-message .message-content table{border:1px solid #dee2e6;border-collapse:collapse;font-size:.95em;margin:10px 0;width:100%}.chat-messages .message-bubble.ai-message .message-content table td,.chat-messages .message-bubble.ai-message .message-content table th{border:1px solid #dee2e6;padding:10px 12px;text-align:left;vertical-align:top}.chat-messages .message-bubble.ai-message .message-content table th{background-color:#e9ecef;color:#343a40;font-weight:600}.chat-messages .message-bubble.ai-message .message-content table tr:nth-child(2n){background-color:#f8f9fa}.chat-messages .message-bubble.ai-message .message-content table tr:first-child{background-color:#e9ecef}.chat-messages .message-bubble.ai-message .message-content table a{color:#007bff;text-decoration:underline;word-break:break-all}.confirmation-message{animation:fadeIn .3s ease forwards;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:8px 0;max-width:90%;padding:16px;position:relative}.confirmation-message .message-content h4{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:1.1rem;font-weight:600;margin-bottom:12px;padding-bottom:8px}.confirmation-message .message-content h4:before{background:#4361ee;border-radius:3px;content:"";display:inline-block;height:16px;margin-right:8px;width:6px}.confirmation-message .params-list{margin-bottom:12px;max-height:400px;overflow-y:auto;padding-right:8px}.confirmation-message .params-list::-webkit-scrollbar{width:4px}.confirmation-message .params-list::-webkit-scrollbar-track{background:#0000000d}.confirmation-message .params-list::-webkit-scrollbar-thumb{background:#4361ee4d;border-radius:2px}.confirmation-message .param-item{background:#f8f9fa;border-left:2px solid #e9ecef;border-radius:8px;margin:8px 0;padding:10px}.confirmation-message .param-item strong{color:#495057;display:block;font-size:.9rem;margin-bottom:6px}.confirmation-message .param-item span{color:#212529;font-size:.95rem;word-break:break-word}.confirmation-message .images-preview{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:8px}.confirmation-message .preview-image{border:1px solid #e9ecef;border-radius:4px;height:80px;object-fit:cover;width:100%}.confirmation-message .preview-video{border:1px solid #e9ecef;border-radius:4px;margin-top:8px;max-height:180px;width:100%}.confirmation-message .edit-input{background:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:.95rem;margin-top:6px;padding:8px;width:100%}.confirmation-message .edit-input:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee33;outline:none}.confirmation-message .edit-input[type=file]{background:#0000;border:1px dashed #ced4da;padding:4px}.confirmation-message .edit-input[type=file]::-webkit-file-upload-button{background:#e9ecef;border:none;border-radius:4px;cursor:pointer;margin-right:8px;padding:4px 8px}.confirmation-message textarea.edit-input{min-height:80px;resize:vertical}.confirmation-message select.edit-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px}.confirmation-message .modal-actions{border-top:1px solid #eee;display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px}.confirmation-message .modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s}.confirmation-message .confirm-button{background-color:#4361ee;color:#fff}.confirmation-message .confirm-button:hover{background-color:#3a56d4}.confirmation-message .edit-button{background-color:#f59e0b;color:#fff}.confirmation-message .edit-button:hover{background-color:#e69009}.confirmation-message .cancel-button{background-color:#e9ecef;color:#495057}.confirmation-message .cancel-button:hover{background-color:#dee2e6}@media(max-width:768px){.confirmation-message{max-width:100%;padding:12px}.confirmation-message .modal-actions{flex-wrap:wrap}.confirmation-message .modal-actions button{flex:1 1;padding:8px}}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.loading-overlay p{color:#fff;font-size:16px;margin-top:10px}.cancel-button:disabled,.confirm-button:disabled,.edit-button:disabled{cursor:not-allowed;opacity:.6}.chat-layout{border-radius:16px;box-shadow:0 4px 20px #00000014;flex:1 1;height:100%;margin-left:70px;position:relative}.chat-layout,.conversation-list{background-color:#fff;display:flex;overflow:hidden}.conversation-list{border-left:1px solid #e9ecef;flex-direction:column;transition:width .3s ease;width:0}.conversation-list.open{width:280px}.conversation-list .conversation-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.conversation-list .conversation-header .return-chat{cursor:pointer;display:none}.conversation-list .conversation-header h3{color:#212529;font-size:1rem;font-weight:600;margin:0}.conversation-list .conversation-header .new-chat-btn{background-color:#4361ee;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s}.conversation-list .conversation-header .new-chat-btn:hover{background-color:#3a56d4}.conversation-list .conversation-scroll{flex:1 1;overflow-y:auto;padding:8px 0}.conversation-list ul{list-style:none;margin:0;padding:0}.conversation-list .conversation-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;position:relative;transition:background-color .2s}.conversation-list .conversation-item:hover{background-color:#f8f9fa}.conversation-list .conversation-item:hover .delete-btn{opacity:1;visibility:visible}.conversation-list .conversation-item.active{background-color:#f1f3f5}.conversation-list .conversation-item .conversation-info{flex-grow:1;margin-right:8px;overflow:hidden}.conversation-list .conversation-item .conversation-title{color:#212529;font-size:.9rem;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list .conversation-item .conversation-preview{color:#868e96;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list .conversation-item .delete-btn{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;flex-shrink:0;font-size:1rem;opacity:0;padding:5px;transition:opacity .2s ease,visibility .2s ease,background-color .2s ease;visibility:hidden}.conversation-list .conversation-item .delete-btn:hover{background-color:#dc35451a;color:#c82333}.conversation-list .loading-conversations{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:24px}.conversation-list .loading-conversations .loading-spinner{animation:spin 1s linear infinite;border:3px solid #4361ee33;border-radius:50%;border-top-color:#4361ee;height:24px;margin-bottom:8px;width:24px}.conversation-list .empty-conversations{color:#6c757d;font-size:.9rem;padding:24px;text-align:center}.conversation-list .load-more-btn{background-color:#0000;border:1px solid #e9ecef;border-radius:6px;color:#4361ee;cursor:pointer;display:block;font-size:.85rem;margin:8px 16px;padding:8px;transition:all .2s;width:calc(100% - 32px)}.conversation-list .load-more-btn:disabled{color:#adb5bd;cursor:not-allowed}.conversation-list .load-more-btn:not(:disabled):hover{background-color:#f8f9fa}.conversation-list .error-message{color:#dc3545;font-size:.85rem;padding:16px;text-align:center}.modal-overlay{background-color:#21252980;z-index:1050}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#212529;max-width:400px;padding:25px 30px;text-align:center;width:90%}.modal-content h4{font-weight:600;margin-bottom:15px;margin-top:0}.modal-content p{color:#495057;font-size:.95em;line-height:1.5;margin-bottom:25px}.modal-content .modal-actions{display:flex;gap:15px;justify-content:center}.modal-content .modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1em;font-weight:500;padding:10px 20px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.modal-content .modal-actions button:active{transform:scale(.98)}.modal-content .modal-actions .btn-cancel{background-color:#6c757d;border:1px solid #6c757d;color:#fff}.modal-content .modal-actions .btn-cancel:hover{background-color:#5a6268;border-color:#545b62}.modal-content .modal-actions .btn-confirm{background-color:#dc3545;border:1px solid #dc3545;color:#fff}.modal-content .modal-actions .btn-confirm:hover{background-color:#c82333;border-color:#bd2130}@media(max-width:768px){.conversation-list{height:100%;left:0;position:fixed;top:0;z-index:1000}.conversation-list.open{width:100%!important}.conversation-list .conversation-header .return-chat{color:#495057;display:flex;font-size:20px}}.messenger-modal-background{display:none}.messenger-modal-overlay{background:#fff;border-radius:8px 8px 0 0;bottom:0;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;height:calc(100vh - 80px);max-height:590px;position:fixed;right:20px;transform:translateY(0);transition:transform .3s ease;width:360px;will-change:transform,opacity;z-index:1001}.messenger-modal-overlay.open{opacity:1;transform:translateY(0)}.messenger-modal-overlay .messenger-modal{background:#fff;border-radius:8px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;z-index:1000}.messenger-modal-overlay .messenger-modal .friends-list{transform:translateZ(0);will-change:transform}.messenger-modal-overlay .messenger-modal .modal-header{align-items:center;background:#f0f2f5;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;padding:10px 12px}.messenger-modal-overlay .messenger-modal .modal-header .header-left{align-items:center;display:flex}.messenger-modal-overlay .messenger-modal .modal-header .header-left h2{color:#050505;font-size:16px;font-weight:600;margin:0}.messenger-modal-overlay .messenger-modal .modal-header .header-left .header-actions{display:flex;margin-left:8px}.messenger-modal-overlay .messenger-modal .modal-header .header-left .header-actions .icon-button{background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;margin-left:4px;padding:6px}.messenger-modal-overlay .messenger-modal .modal-header .header-left .header-actions .icon-button:hover{background:#e4e6eb}.messenger-modal-overlay .messenger-modal .modal-header .header-right{display:flex}.messenger-modal-overlay .messenger-modal .modal-header .header-right .close-button,.messenger-modal-overlay .messenger-modal .modal-header .header-right .icon-button{background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;padding:6px}.messenger-modal-overlay .messenger-modal .modal-header .header-right .close-button:hover,.messenger-modal-overlay .messenger-modal .modal-header .header-right .icon-button:hover{background:#e4e6eb}.messenger-modal-overlay .messenger-modal .search-bar{border-bottom:1px solid #e4e6eb;padding:8px}.messenger-modal-overlay .messenger-modal .search-bar .search-container{align-items:center;background:#f0f2f5;border-radius:18px;display:flex;padding:8px 12px}.messenger-modal-overlay .messenger-modal .search-bar .search-container .search-icon{color:#65676b;left:25px;margin-right:8px}.messenger-modal-overlay .messenger-modal .search-bar .search-container input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.messenger-modal-overlay .messenger-modal .search-bar .search-container input::placeholder{color:#65676b}.messenger-modal-overlay .messenger-modal .search-bar .search-container .filter-button{background:none;border:none;color:#65676b;cursor:pointer;padding:4px}.messenger-modal-overlay .messenger-modal .tabs-container{border-bottom:1px solid #e4e6eb;display:flex;padding:0 12px}.messenger-modal-overlay .messenger-modal .tabs-container .tab{background:none;border:none;color:#65676b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 0;position:relative}.messenger-modal-overlay .messenger-modal .tabs-container .tab.active{color:#1877f2}.messenger-modal-overlay .messenger-modal .tabs-container .tab.active:after{background:#1877f2;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.messenger-modal-overlay .messenger-modal .friends-list{flex:1 1;overflow-y:auto}.messenger-modal-overlay .messenger-modal .friends-list .friend-item{align-items:center;cursor:pointer;display:flex;padding:.5rem .75rem;transition:background-color .2s ease}.messenger-modal-overlay .messenger-modal .friends-list .friend-item:hover{background:#f0f2f5}.messenger-modal-overlay .messenger-modal .friends-list .friend-item.unread{background-color:#1877f20d}.messenger-modal-overlay .messenger-modal .friends-list .friend-item.unread .friend-name{color:#1c2526;font-weight:600}.messenger-modal-overlay .messenger-modal .friends-list .friend-item.unread .message-preview{color:#050505;font-weight:500}.messenger-modal-overlay .messenger-modal .friends-list .friend-item.unread .unread-count{background:#1877f2;color:#fff;font-weight:600}.messenger-modal-overlay .messenger-modal .friends-list .friend-item.pulse{animation:message-pulse 1.5s ease-in-out 2}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .friend-avatar{margin-right:.75rem;position:relative}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .friend-avatar img{border-radius:50%;height:2.25rem;object-fit:cover;width:2.25rem}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .friend-avatar .active-badge{background:#31a24c;border:2px solid #fff;border-radius:50%;bottom:0;height:.625rem;position:absolute;right:0;width:.625rem}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .friend-info{flex:1 1;overflow:hidden}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .friend-info .friend-name{color:#050505;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .friend-info .friend-status{color:#65676b;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .friend-actions .action-button{background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;opacity:0;padding:.375rem;transition:opacity .2s,background-color .2s}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .friend-actions .action-button:hover{background:#e4e6eb}.messenger-modal-overlay .messenger-modal .friends-list .friend-item:hover .friend-actions .action-button{opacity:1}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .unread-badge{margin-right:.5rem;padding-left:30px;position:relative}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .unread-badge .unread-count{align-items:center;animation:badge-pop .3s ease-out;background-color:#1877f2;border-radius:.625rem;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .25rem}.messenger-modal-overlay .messenger-modal .friends-list .friend-item .unread-badge:before{animation:badge-dot 1.5s ease-out 2;background-color:#1877f2;border-radius:50%;content:"";height:.625rem;opacity:0;position:absolute;right:-.125rem;top:-.125rem;width:.625rem}.messenger-modal-overlay .messenger-modal .friends-list .messenger-modal .modal-header{position:relative}.messenger-modal-overlay .messenger-modal .friends-list .messenger-modal .modal-header.has-unread:after{animation:header-notification 2s infinite;background-color:#fa3e3e;border-radius:50%;content:"";height:.5rem;position:absolute;right:.5rem;top:.5rem;width:.5rem}@keyframes message-pulse{0%,to{background-color:#1877f20d}50%{background-color:#1877f226}}@keyframes badge-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes badge-dot{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes header-notification{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.messenger-modal-overlay .messenger-modal .message-time{color:#65676b;font-size:12px;margin-left:8px;white-space:nowrap}.messenger-modal-overlay .messenger-modal .friend-preview{align-items:center;display:flex;width:100%}.messenger-modal-overlay .messenger-modal .friend-preview .message-preview{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.modal-open{overflow:hidden}@media(max-width:768px){.messenger-modal-background{background-color:rgba(0,0,0,.392);display:block;height:100vh;position:fixed;width:100vw;z-index:99}.messenger-modal-overlay{left:50%!important;position:fixed!important;top:53%!important;transform:translate(-50%,-50%)}}.chat-list{background-color:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:100%;position:relative;width:250px}.chat-list .chat-list__empty{color:#777;font-size:18px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.chat-list__header{border-bottom:1px solid #ddd;padding:10px}.chat-list__header h2{font-size:24px;font-weight:600;margin:0 0 10px 10px}.chat-list__search{position:relative}.chat-list__search input{border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none;padding:8px 30px 8px 10px;width:100%}.chat-list__search .search-icon{font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.chat-list__items{flex:1 1;overflow-y:auto}.chat-list__item{align-items:center;cursor:pointer;display:flex;padding:10px}.chat-list__item.active{color:#1877f2}.chat-list__item.active,.chat-list__item:hover{background-color:rgba(81,212,255,.404)}.chat-list__avatar{border-radius:50%;height:40px;margin-right:10px;width:40px}.chat-list__name{font-size:18px;font-weight:700}.inbox{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden}.inbox .chat-list__name{color:#050505;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox .action-last-mess{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.inbox .action-last-mess .last-mess{color:#65676b;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox .action-last-mess .time-mess{color:#65676b;flex-shrink:0;font-size:12px;margin-left:8px}.inbox .action-last-mess .notify-inbox{align-items:center;background-color:#15b5ff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:18px;justify-content:center;margin-left:8px;min-width:18px;padding:0 6px}.chat-list .chat-list__avatar-wrapper{display:inline-block;position:relative}.chat-list .chat-list__avatar-wrapper .chat-list__avatar{border-radius:50%;height:40px;width:40px}.chat-list .chat-list__avatar-wrapper .chat-list__online-indicator{background-color:#44d600;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:7px;width:12px}.chat-list__loading{color:#888;font-size:16px;z-index:1}.chat-list__empty,.chat-list__loading{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.chat-list__empty{color:#777;font-size:18px}.chat-list__avatar-wrapper{display:inline-block;position:relative}.chat-list__avatar-wrapper .chat-list__avatar{border-radius:50%;height:40px;width:40px}.chat-list__avatar-wrapper .chat-list__online-indicator{background-color:#44d600;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:7px;width:12px}.notify-modal-overlay{display:none}.notify-modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000080;color:#000;font-family:Arial,sans-serif;max-height:580px;overflow-y:auto;position:absolute;right:70px;top:50px;width:360px;z-index:1000}.notify-modal .modal-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:16px}.notify-modal .modal-header h2{color:#000;font-size:20px;font-weight:700;margin:0}.notify-modal .modal-navigation{background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:8px 16px}.notify-modal .modal-navigation .nav-item{border-radius:20px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;margin-right:8px;padding:8px 16px;transition:background-color .2s ease,color .2s ease}.notify-modal .modal-navigation .nav-item.active{background-color:#3b82f6;color:#fff}.notify-modal .modal-navigation .nav-item:hover:not(.active){background-color:#f3f4f6}.notify-modal .modal-notify-content{padding:0}.notify-modal .modal-notify-content .empty-state{margin:15px}.notify-modal .modal-notify-content .notification-section h3{background-color:#fff;border-bottom:1px solid #e5e7eb;color:#000;font-size:16px;font-weight:600;margin:0;padding:12px 16px}.notify-modal .modal-notify-content .notification-section .notification-body{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;flex-direction:column;padding:12px 16px;transition:background-color .2s ease}.notify-modal .modal-notify-content .notification-section .notification-body:hover{background-color:#f9fafb}.notify-modal .modal-notify-content .notification-section .notification-body .notification-content{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.notify-modal .modal-notify-content .notification-section .notification-body .notification-content .notification-text{align-items:center;display:flex;flex:1 1}.notify-modal .modal-notify-content .notification-section .notification-body .notification-content img.avatar{border:2px solid #e5e7eb;border-radius:50%;height:40px;margin-right:12px;object-fit:cover;width:40px}.notify-modal .modal-notify-content .notification-section .notification-body .notification-content p{color:#000;flex:1 1;font-size:14px;line-height:1.4;margin:0}.notify-modal .modal-notify-content .notification-section .notification-body .notification-content .time{color:#2563eb;font-size:12px;margin-left:8px;margin-top:10px;white-space:nowrap}.notify-modal .modal-notify-content .notification-section .notification-body .friend-request-actions{display:flex;gap:8px;margin-left:52px;margin-top:8px}.notify-modal .modal-notify-content .notification-section .notification-body .friend-request-actions button{border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:4px 12px;transition:all .2s ease}.notify-modal .modal-notify-content .notification-section .notification-body .friend-request-actions button.accept-button{background-color:#3b82f6;border:none;color:#fff}.notify-modal .modal-notify-content .notification-section .notification-body .friend-request-actions button.accept-button:hover{background-color:#2563eb}.notify-modal .modal-notify-content .notification-section .notification-body .friend-request-actions button.decline-button{background-color:#fff;border:1px solid #d1d5db;color:#374151}.notify-modal .modal-notify-content .notification-section .notification-body .friend-request-actions button.decline-button:hover{background-color:#f3f4f6}.notify-modal .modal-notify-content .notification-section .unread{background-color:#f0f9ff}.notify-modal .modal-notify-content .notification-section .load-more{background-color:#fff;border:none;color:#3b82f6;cursor:pointer;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}.notify-modal .modal-notify-content .notification-section .load-more:hover{background-color:#f3f4f6}.notify-modal::-webkit-scrollbar{width:6px}.notify-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.notify-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.notify-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.setting-Overlay{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px #0003;cursor:pointer;padding:12px;position:fixed;right:50px;top:70px;width:350px;z-index:1000}.setting-Overlay .Account{align-items:center;background:#f0f2f5;border-bottom:1px solid #ddd;border-radius:10px 10px 0 0;display:flex;padding:14px}.setting-Overlay .Account .AvatarUser{border-radius:50%;height:60px;margin-right:12px;object-fit:cover;width:60px}.setting-Overlay .Account .UserName{font-size:24px;font-weight:700}.setting-Overlay .setting{display:flex;flex-direction:column;padding:12px}.setting-Overlay .setting span{border-bottom:1px solid #eee;cursor:pointer;font-size:14px;padding:12px;transition:background .3s ease}.setting-Overlay .setting span:hover{background:#f0f2f5}.setting-Overlay .setting .btn-changeProfile{font-weight:700}.setting-Overlay .setting .btn-logout{color:red;font-weight:700}@media(max-width:768px){.setting-modal-background{background-color:rgba(0,0,0,.375);display:block;height:100vh;position:fixed;width:100vw;z-index:99}.setting-Overlay{left:50%!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)}}/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.header{align-items:center;background-color:#fff;box-shadow:0 1px 2px #0000001a;display:flex;height:60px;justify-content:space-between;padding:0 16px;position:sticky;top:0;width:100%;z-index:1000}.header .logoWeb,.header .logoWeb .logo-container{align-items:center;display:flex;gap:10px}.header .logoWeb .logo-container{border-radius:8px;cursor:pointer;padding:4px 8px;transition:all .2s ease}.header .logoWeb .logo-container:hover{background-color:#f0f2f5}.header .logoWeb .logo-container .logowebsite{height:40px;object-fit:contain;width:40px}.header .logoWeb .logo-container .app-name{display:flex;flex-direction:column;line-height:1.1}.header .logoWeb .logo-container .app-name .university-text{color:#1c1e21;font-size:15px;font-weight:800}.header .logoWeb .logo-container .app-name .sharing-text{color:#007bff;font-size:13px;font-weight:600}.header .logoWeb .btn-search-mobile{display:none}.header .search{flex:1 1;margin:0 20px;max-width:500px}.header .search .close-search-btn{display:none}.header .search .search-form{width:100%}.header .search .search-form .search-container{position:relative;width:100%}.header .search .search-form .search-container .search-icon{color:#65676b;font-size:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.header .search .search-form .search-container .search-input{background-color:#f0f2f5;border:none;border-radius:20px;color:#050505;font-size:15px;height:40px;outline:none;padding:0 16px 0 40px;transition:all .2s ease;width:100%}.header .search .search-form .search-container .search-input::placeholder{color:#65676b}.header .search .search-form .search-container .search-input:focus{background-color:#e4e6eb}.header .rightHeader{align-items:center;display:flex;gap:8px}.header .rightHeader .icon-button{align-items:center;background-color:#f0f2f5;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.header .rightHeader .icon-button .icon{color:#050505;font-size:20px}.header .rightHeader .icon-button:hover{background-color:#d8dadf}.header .rightHeader .icon-button.active{background-color:#e7f3ff}.header .rightHeader .icon-button.active .icon{color:#007bff}.header .rightHeader .icon-button .badge{background-color:#e41e3f;border:2px solid #fff;border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:2px 5px;position:absolute;right:-2px;top:-2px}.header .rightHeader .avatar-button{border:none;border-radius:50%;cursor:pointer;height:40px;margin-left:4px;overflow:hidden;padding:0;width:40px}.header .rightHeader .avatar-button .avatarweb{height:100%;object-fit:cover;width:100%}.header .rightHeader .avatar-button:hover{opacity:.9}@media(max-width:768px){.hide-mobile{display:none!important}.hide-content{opacity:0;pointer-events:none;position:absolute}.header{background:#fff;border-bottom:1px solid #e4e6eb;gap:0!important;height:56px;justify-content:space-between;padding:0 12px!important;position:sticky!important;top:0;width:100%;z-index:1000}.header .logoWeb{flex:1 1;justify-content:flex-start}.header .logoWeb .logo-container{gap:8px;padding:0}.header .logoWeb .logo-container .logowebsite{height:32px!important;width:32px!important}.header .logoWeb .logo-container .app-name{display:none!important}.header .logoWeb .btn-search-mobile{align-items:center;background:#f0f2f5;border-radius:50%;display:flex;height:36px;justify-content:center;margin-left:auto;margin-right:8px;width:36px}.header .logoWeb .btn-search-mobile .search-icon-btn{color:#050505;font-size:18px}.header .rightHeader{gap:6px!important;width:auto!important}.header .rightHeader .icon-button{background:#0000!important;height:36px!important;width:36px!important}.header .rightHeader .icon-button .icon{font-size:22px!important}.header .rightHeader .icon-button .badge{font-size:10px!important;height:16px;min-width:16px;padding:0 4px!important;right:0!important;top:2px!important}.header .rightHeader .avatar-button{height:32px!important;width:32px!important}.header .search.active-mobile{align-items:center;animation:fadeIn .2s ease-out;background:#fff;display:flex!important;gap:8px;height:100%;left:0;padding:0 10px;position:absolute;top:0;width:100%;z-index:1001}.header .search .close-search-btn{align-items:center;cursor:pointer;display:flex!important;height:36px;justify-content:center;width:36px}.header .search .close-search-btn .close-btn-search{color:#65676b;font-size:24px}.header .search .search-form{flex:1 1}.header .search .search-form .search-container .search-input{background:#f0f2f5;font-size:16px!important;height:36px!important;padding-left:36px!important}.header .search .search-form .search-container .search-icon{font-size:16px!important;left:10px!important}}.left-sidebar-menu{display:flex;flex-direction:column;left:0;overflow-x:hidden;padding:12px 8px;position:fixed;top:70px;transition:all .35s cubic-bezier(.4,0,.2,1);width:260px}.left-sidebar-menu.collapsed{padding:12px 0;width:72px}.left-sidebar-menu.collapsed .User-Name,.left-sidebar-menu.collapsed .logo-container .logo-text,.left-sidebar-menu.collapsed .menu-label{opacity:0;visibility:hidden}.left-sidebar-menu.collapsed .logo-container .toggle-sidebar-btn{margin-left:auto;margin-right:auto;position:static;transform:none}.left-sidebar-menu.collapsed .logo-container .toggle-sidebar-btn svg{transform:rotate(180deg)}.left-sidebar-menu .logo-container{align-items:center;border-radius:12px;cursor:pointer;display:flex;height:60px;justify-content:space-between;margin-bottom:8px;padding:0;position:relative;transition:background .2s}.left-sidebar-menu .logo-container:hover{background:#ff44441a}.left-sidebar-menu .logo-container .logo-content{align-items:center;display:flex;flex:1 1;gap:12px}.left-sidebar-menu .logo-container svg.logo-icon{fill:#f44;flex-shrink:0;height:36px;width:36px}.left-sidebar-menu .logo-container .logo-text{color:#333;font-size:20px;font-weight:700;transition:all .35s ease;white-space:nowrap}.left-sidebar-menu .logo-container .toggle-sidebar-btn{align-items:center;background:#ff44441a;border:1px solid #f443;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.left-sidebar-menu .logo-container .toggle-sidebar-btn:hover{background:#f443;transform:scale(1.05)}.left-sidebar-menu .logo-container .toggle-sidebar-btn svg{color:#f44;font-size:18px;transition:transform .3s ease}.left-sidebar-menu ul{flex:1 1;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}.left-sidebar-menu ul::-webkit-scrollbar{width:4px}.left-sidebar-menu ul::-webkit-scrollbar-track{background:#0000}.left-sidebar-menu ul::-webkit-scrollbar-thumb{background:#ff44444d;border-radius:2px}.left-sidebar-menu ul::-webkit-scrollbar-thumb:hover{background:#ff444480}.left-sidebar-menu li{border-radius:12px;cursor:pointer;margin:4px 2px;overflow:hidden;position:relative}.left-sidebar-menu li .menu-item-content{align-items:center;border-radius:12px;color:#333;display:flex;font-size:16px;font-weight:500;height:52px;overflow:hidden;padding:0 16px;transition:all .2s;white-space:nowrap}.left-sidebar-menu li .menu-item-content .sidebar-icon{align-items:center;color:#666;display:flex;flex-shrink:0;font-size:22px;justify-content:center;width:32px}.left-sidebar-menu li .menu-item-content .menu-label{margin-left:16px;overflow:hidden;text-overflow:ellipsis;transition:all .35s ease;white-space:nowrap}.left-sidebar-menu li:hover .menu-item-content{background:#ff44441a;color:#f44}.left-sidebar-menu li:hover .menu-item-content .sidebar-icon{color:#f44}.left-sidebar-menu li.active .menu-item-content{background:#ff444426;color:#f44;font-weight:700}.left-sidebar-menu li.active .menu-item-content .sidebar-icon{color:#f44}.left-sidebar-menu li .active-indicator{background:#f44;border-radius:0 4px 4px 0;height:100%;left:0;position:absolute;top:0;width:4px}.left-sidebar-menu li .tooltip{background:#333;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;left:80px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s;visibility:hidden;white-space:nowrap;z-index:1001}.left-sidebar-menu li .tooltip:after{background:#333;content:"";height:8px;left:-6px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:8px}.left-sidebar-menu.collapsed li:hover .tooltip{opacity:1;visibility:visible}.left-sidebar-menu .user-profile-navigate{align-items:center;background:#ff44440d;border:1px solid #ff44441a;border-radius:16px;cursor:pointer;display:flex;height:64px;margin:12px 2px 20px;padding:0 12px;transition:background .2s}.left-sidebar-menu .user-profile-navigate:hover{background:#ff44441a}.left-sidebar-menu .user-profile-navigate .profile-icon{border:2px solid #ff44444d;border-radius:50%;height:44px;margin-right:12px;object-fit:cover;width:44px}.left-sidebar-menu .user-profile-navigate .User-Name{color:#333;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:all .35s ease;white-space:nowrap}.mobile-menu-btn{align-items:center;background:#f44;border:2px solid #f44;border-radius:10px;box-shadow:0 4px 12px #ff44444d;cursor:pointer;display:flex;height:44px;justify-content:center;left:16px;position:fixed;top:86px;transition:all .2s;width:44px;z-index:998}.mobile-menu-btn:hover{background:#f33;box-shadow:0 6px 16px #f446;transform:scale(1.05)}.mobile-menu-btn .mobile-menu-icon{color:#fff;font-size:24px}.sidebar-toggle-btn{display:none!important}@media(max-width:768px){.left-sidebar-menu{border-right:2px solid #f44;height:calc(100vh - 70px);top:70px;transform:translateX(-100%);width:280px!important}.left-sidebar-menu.mobile-open{transform:translateX(0)}.left-sidebar-menu.collapsed{width:280px!important}.left-sidebar-menu .logo-container .toggle-sidebar-btn{display:none}.left-sidebar-menu li .menu-item-content{font-size:17px}.left-sidebar-menu li .menu-item-content .sidebar-icon{font-size:24px}.mobile-menu-btn{left:16px;top:86px}body:before{background:#00000080;content:"";inset:0;opacity:0;position:fixed;transition:all .3s;visibility:hidden;z-index:999}body.mobile-sidebar-open:before{opacity:1;visibility:visible}}.logo-icon{flex-shrink:0;transition:all .3s ease}.left-sidebar-menu.collapsed .logo-icon{height:44px!important;width:44px!important}.chatbot-ai-view{background-color:#f5f7fb;display:flex;flex-direction:column;height:100vh}.chatbot-ai-view .chat-ai-container,.chatbot-ai-view .chatbot-main-content{display:flex;flex:1 1;overflow:hidden}.chatbot-ai-view .chat-ai-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin:8px}.center-content .chat-ai-container{height:100%;width:100%}.home-view{background-color:#ececec;display:flex;flex-direction:column;height:100vh}.home-view.with-sidebar .main-content{margin-left:260px;transition:all .35s cubic-bezier(.4,0,.2,1);width:calc(100% - 260px)}.home-view.with-sidebar .main-content.sidebar-collapsed{margin-left:72px;width:calc(100% - 72px)}.home-view .header{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;position:sticky;top:0;z-index:1000}.home-view .main-content{display:flex;flex:1 1;height:calc(100vh - 70px)}.home-view .center-content{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:5px}.home-view .post-input{border:1px solid #ccc;border-radius:10px;margin-bottom:10px;max-width:780px;padding:10px;width:100%;z-index:3}.home-view .footer{border-top:1px solid #ddd;font-size:14px;padding:10px;text-align:center}@media(max-width:768px){.home-view.with-sidebar .main-content,.home-view.with-sidebar .main-content.sidebar-collapsed{margin-left:0!important;width:100%!important}.header{width:100%!important}.left-sidebar-overlay{background-color:rgba(93,93,93,.526);display:none;height:100%;position:fixed;top:0;width:100%;z-index:9}.left-sidebar-overlay.show{display:flex;overflow:auto}.left-sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:260px;z-index:9999}.left-sidebar.show{transform:translateX(0)}.right-sidebar{display:none!important}.center-content{width:100%!important}.main-content{flex-direction:column!important}}.Open-menu{align-items:center;background-color:#ffffff30;border-bottom-right-radius:10px;border-top-right-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.312);cursor:pointer;display:none;height:60px;justify-content:center;padding:0;position:fixed;top:40%;transition:transform .3s ease;width:20px;z-index:10}.Open-menu .Open-menu-icon{color:#333;font-size:24px;transform:scale(1.2);transition:transform .3s ease}.Open-menu .Open-menu-icon.rotate{transform:rotate(180deg) scale(1.2)}.Open-menu.move-right{transform:translateX(250px)}@media(max-width:768px){.Open-menu{display:flex}}.auth-container{align-items:center;background:linear-gradient(135deg,#7f1d1d,#991b1b 50%,#dc2626);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{background:#fff;border-radius:16px;box-shadow:0 20px 50px #dc262633;max-width:450px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.auth-box:before{background:linear-gradient(90deg,#dc2626,#ea580c);content:"";height:5px;left:0;position:absolute;right:0;top:0}.auth-box .logo{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.auth-box .logo img{border-radius:10px;height:auto;width:180px}.auth-box h2{color:#991b1b;font-size:28px;font-weight:700;margin-bottom:30px;position:relative}.auth-box h2:after{background:#ea580c;border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.auth-box form{display:flex;flex-direction:column;text-align:left}.auth-box form label{color:#374151;font-size:14px;font-weight:600;margin:8px 0}.auth-box form input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;margin-bottom:5px;padding:14px;transition:all .3s ease}.auth-box form input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.auth-box form input::placeholder{color:#9ca3af}.auth-box form .options{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;justify-content:space-between;margin-bottom:25px}.auth-box form .options label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px;margin:0}.auth-box form .options label input[type=checkbox]{accent-color:#dc2626;height:16px;margin:0;width:16px}.auth-box form .options a{color:#dc2626;font-weight:500;text-decoration:none;transition:all .3s ease}.auth-box form .options a:hover{color:#991b1b;text-decoration:underline}.auth-box form button{background:linear-gradient(135deg,#dc2626,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.auth-box form button:hover{box-shadow:0 8px 25px #dc262666;transform:translateY(-2px)}.auth-box form button:active{transform:translateY(0)}.auth-box form button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.auth-box form button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-box form button:hover:before{left:100%}.auth-box form p{color:#6b7280;font-size:14px;margin-top:10px;text-align:center}.auth-box form p a{color:#dc2626;font-weight:600;text-decoration:none;transition:all .3s ease}.auth-box form p a:hover{color:#991b1b;text-decoration:underline}.text-red-500{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:15px;padding:10px;text-align:center}@media(max-width:480px){.auth-container{padding:15px}.auth-box{padding:30px 25px}.auth-box .logo img{border-radius:10px;width:150px}.auth-box h2{font-size:24px}.auth-box form .options{align-items:flex-start;flex-direction:column;gap:15px}.auth-box form input{padding:12px}.auth-box form button{padding:14px}}.auth-box,form .options,form button,form input,form label,form p{animation:fadeInUp .6s ease-out}form label{animation-delay:.1s}form input{animation-delay:.2s}form .options{animation-delay:.3s}form button{animation-delay:.4s}form p{animation-delay:.5s}@media(max-width:768px){.profile-header__friend-actions{align-items:center;display:flex;width:auto}.profile-header__friend-actions .profile-header__friend-button{align-items:center;background-color:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:8px 16px;transition:all .3s ease}.profile-header__friend-actions .profile-header__friend-button svg{font-size:18px;margin-right:8px}.profile-header__friend-actions .profile-header__friend-button:hover{background-color:#166fe5;box-shadow:0 2px 4px #0000001a}.profile-header__friend-actions .profile-header__friend-button:disabled{background-color:#e4e6eb;cursor:not-allowed}.profile-header__option-button{position:absolute!important;right:20px;top:100px}}.profile-header{background-color:#fff;box-sizing:border-box;height:500px;max-width:100%;position:relative;width:100%}.profile-header__background{background-color:#e0f7fa;border-radius:0 0 8px 8px;height:400px;overflow:hidden;position:relative;width:100%}.profile-header__background-image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.profile-header__info{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;max-width:100%;padding:20px;position:relative;top:-45px;width:100%}.profile-header__avatar{border:3px solid #00b7ff;border-radius:50%;flex-shrink:0;height:120px;margin:0 20px;object-fit:cover;transform:translateY(-30px);width:120px}.profile-header__details{flex:1 1;max-width:100%}.profile-header__name{font-size:24px;font-weight:600;margin:2px 0}.profile-header__stats{color:#666;font-size:14px;margin:2px 0}.profile-header__trust{color:#dc3545;font-weight:700;margin:2px 0}.profile-header__friend-actions{align-items:center;display:flex;position:relative}.profile-header__friend-button{align-items:center;background-color:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:8px 16px;transition:all .3s ease}.profile-header__friend-button svg{font-size:18px;margin-right:8px}.profile-header__friend-button:hover{background-color:#166fe5;box-shadow:0 2px 4px #0000001a}.profile-header__friend-button:disabled{background-color:#e4e6eb;cursor:not-allowed}.friend-options-dropdown{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a;display:flex;flex-direction:column;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.friend-options-dropdown:before{border:8px solid;border-color:#0000 #0000 #fff;bottom:100%;content:"";position:absolute;right:16px}.friend-option-item{align-items:center;background:none;border:none;color:#050505;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:background-color .2s ease}.friend-option-item svg{margin-right:8px}.friend-option-item:hover{background-color:#f5f5f5}.friend-option-item.cancel-friend{border-top:1px solid #f0f0f0;color:#ff4d4f}.friend-option-item.cancel-friend:hover{background-color:#fff0f0}.profile-header__accept-button,.profile-header__addfriend-button,.profile-header__cancel-request-button,.profile-header__edit-button,.profile-header__reject-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:8px 16px;transition:all .3s ease}.profile-header__accept-button svg,.profile-header__addfriend-button svg,.profile-header__cancel-request-button svg,.profile-header__edit-button svg,.profile-header__reject-button svg{margin-right:8px}.profile-header__accept-button:hover,.profile-header__addfriend-button:hover,.profile-header__cancel-request-button:hover,.profile-header__edit-button:hover,.profile-header__reject-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.profile-header__accept-button:disabled,.profile-header__addfriend-button:disabled,.profile-header__cancel-request-button:disabled,.profile-header__edit-button:disabled,.profile-header__reject-button:disabled{cursor:not-allowed;opacity:.7}.profile-header__accept-button,.profile-header__addfriend-button{background-color:#1877f2;color:#fff}.profile-header__accept-button:hover,.profile-header__addfriend-button:hover{background-color:#166fe5}.profile-header__reject-button{background-color:#e4e6eb;color:#050505;margin-left:10px}.profile-header__reject-button:hover{background-color:#d8dadf}.profile-header__cancel-request-button{background-color:#e4e6eb;color:#050505}.profile-header__cancel-request-button:hover{background-color:#d8dadf}.profile-header__option-button{align-items:center;background:#e4e6eb;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:10px;padding:0;transition:all .3s ease;width:40px}.profile-header__option-button svg{color:#050505;font-size:20px}.profile-header__option-button:hover{background-color:#d8dadf}@media(max-width:768px){.profile-header{height:auto}.profile-header__info{flex-wrap:wrap;padding-bottom:20px}.profile-header__avatar{height:80px;margin-right:15px;transform:translateY(-20px);width:80px}.profile-header__details{margin-top:10px;order:1;width:100%}.profile-header__friend-actions{justify-content:flex-end;margin-top:10px;order:2;width:100%}.friend-options-dropdown{left:0;min-width:180px;right:auto}.friend-options-dropdown:before{left:16px;right:auto}}.profile-header__message-button{align-items:center;background-color:#e4e6eb;border:none;border-radius:6px;color:#050505;cursor:pointer;display:flex;font-size:16px;font-weight:500;margin-right:10px;padding:8px 16px;transition:all .3s ease}.profile-header__message-button svg{font-size:18px;margin-right:8px}.profile-header__message-button:hover{background-color:#d8dadf;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.profile-header__message-button:disabled{background-color:#e4e6eb;cursor:not-allowed;opacity:.7}.user-report-modal-backdrop{align-items:center;background-color:#11182799;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.user-report-modal{animation:fadeIn .25s ease-in-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #00000026;max-width:440px;padding:32px;width:100%}.user-report-modal__title{color:#1f2937;font-size:22px;font-weight:700;margin-bottom:24px;text-align:center}.user-report-modal__form-group{margin-bottom:24px}.user-report-modal__form-group label{color:#374151;display:block;font-size:15px;font-weight:600;margin-bottom:10px}.user-report-modal__form-group select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:12px;color:#111827;font-size:15px;padding:10px 12px;transition:all .2s ease;width:100%}.user-report-modal__form-group select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.user-report-modal__actions{display:flex;gap:12px;justify-content:flex-end}.user-report-modal__actions button{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.user-report-modal__actions button.cancel-btn-user-report{align-items:center;display:flex;height:31.2px;margin:20px}.user-report-modal__actions button.cancel-btn-user-report:hover{background-color:#e5e7eb}.user-report-modal__actions button.cancel-btn-user-report:disabled{background-color:#e5e7eb;cursor:not-allowed}.user-report-modal__actions button.submit-btn{background-color:#ef4444;color:#fff}.user-report-modal__actions button.submit-btn:hover{background-color:#dc2626}.user-report-modal__actions button.submit-btn:disabled{background-color:#f87171;cursor:not-allowed}@media(max-width:640px){.user-report-modal{padding:20px}.user-report-modal__title{font-size:20px}.user-report-modal__form-group label,.user-report-modal__form-group select{font-size:14px}.user-report-modal__actions button{border-radius:8px;font-size:12px;padding:6px 12px}}.edit-profile-modal{background:linear-gradient(145deg,#fff,#f9fafb);border-radius:10px;box-shadow:0 10px 30px #0003;max-width:540px;overflow:hidden;width:100%}.edit-profile-modal__overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-profile-modal__header{align-items:center;background:linear-gradient(90deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:18px 28px}.edit-profile-modal__header h2{color:#111827;font-size:1.3rem;font-weight:700;letter-spacing:.3px;margin:0}.edit-profile-modal__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.3rem;transition:color .2s ease}.edit-profile-modal__close:hover{color:#111827}.edit-profile-modal__content{align-items:center;display:flex;flex-direction:column;padding:20px 28px 28px;position:relative}.edit-profile-modal__error{background-color:#fef2f2;color:#dc2626}.edit-profile-modal__error,.edit-profile-modal__warning{border-radius:10px;box-shadow:0 2px 6px #0000000d;font-size:.9rem;margin-bottom:18px;padding:10px 14px;text-align:center;width:100%}.edit-profile-modal__warning{background-color:#fff7ed;color:#ea580c}.edit-profile-modal__background{background:linear-gradient(180deg,#00000059,#0000);height:150px;left:0;overflow:hidden;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.edit-profile-modal__background:hover .edit-profile-modal__background-edit-container{opacity:1}.edit-profile-modal__background-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.edit-profile-modal__background-image:hover{transform:scale(1.04)}.edit-profile-modal__background-edit-container{align-items:center;background-color:#fffffff2;border-radius:24px;bottom:14px;cursor:pointer;display:flex;opacity:.75;padding:8px 14px;position:absolute;right:14px;transition:all .3s ease}.edit-profile-modal__background-edit-container:hover{background-color:#1e3a8a;box-shadow:0 6px 14px #00000026;transform:translateY(-3px)}.edit-profile-modal__background-edit-container:hover .edit-profile-modal__edit-background{filter:brightness(0) invert(1)}.edit-profile-modal__background-edit-container:hover .edit-profile-modal__edit-background-text{color:#fff}.edit-profile-modal__edit-background{height:20px;margin-right:8px;object-fit:contain;transition:filter .3s ease;width:20px}.edit-profile-modal__edit-background-text{color:#111827;font-size:.9rem;font-weight:500;transition:color .3s ease}.edit-profile-modal__avatar{margin-bottom:28px;margin-top:90px;position:relative;-webkit-user-select:none;user-select:none}.edit-profile-modal__avatar img{background-color:#fff;border:5px solid #fff;border-radius:50%;box-shadow:0 8px 16px #00000026;height:100px;object-fit:cover;transition:transform .3s ease;width:100px}.edit-profile-modal__avatar img:hover{transform:scale(1.06)}.edit-profile-modal__edit-avatar{align-items:center;background:linear-gradient(145deg,#fff,#e5e7eb);border:3px solid #1e3a8a;border-radius:50%;bottom:5px;color:#1e3a8a;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;position:absolute;right:5px;transition:all .3s ease;width:38px}.edit-profile-modal__edit-avatar:hover{background:linear-gradient(145deg,#dbeafe,#bfdbfe);box-shadow:0 6px 14px #00000026;transform:scale(1.12)}.edit-profile-modal__field{margin-bottom:2rem;max-width:400px;position:relative;width:100%}.edit-profile-modal__field label{background:linear-gradient(180deg,#fff,#f9fafb);color:#6b7280;font-size:1rem;font-weight:500;left:1.25rem;opacity:1;padding:0 .3rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.edit-profile-modal__field input{border:1px solid #d1d5db;border-radius:10px;box-shadow:0 3px 6px #0000000d;color:#111827;font-size:1rem;outline:none;padding:.9rem 1.25rem;transition:all .3s ease;width:350px}.edit-profile-modal__field input:focus,.edit-profile-modal__field input:not(:placeholder-shown){border-color:#1e3a8a;box-shadow:0 0 0 4px #1e3a8a1a}.edit-profile-modal__field input:focus+label,.edit-profile-modal__field input:not(:placeholder-shown)+label{color:#1e3a8a;transform:translateY(-2.25rem) scale(.85)}.edit-profile-modal__field input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.edit-profile-modal__field input::placeholder{color:#0000}.edit-profile-modal__submit{align-items:center;background:#3b82f6;border:none;border-radius:10px;box-shadow:0 6px 14px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;justify-content:center;margin:0 auto;padding:14px;transition:all .3s ease;width:180px}.edit-profile-modal__submit:hover{background:linear-gradient(90deg,#1e40af,#2563eb);box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.edit-profile-modal__submit:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:10px;width:18px}.profile-photos{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;margin-bottom:16px;padding:16px;width:100%}.profile-photos__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.profile-photos h2{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.profile-photos__view-all{color:#007bff;font-size:.875rem;text-decoration:none;transition:color .2s ease}.profile-photos__view-all:hover{color:#0056b3;text-decoration:underline}.profile-photos__grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.profile-photos__item{aspect-ratio:1/1;background-color:#f0f0f0;border-radius:6px;overflow:hidden;transition:transform .2s ease;width:100%}.profile-photos__item:hover{box-shadow:0 4px 8px #0000001a;transform:scale(1.05)}.profile-photos__image{border-radius:6px;display:block;height:100%;object-fit:cover;width:100%}.profile-photos__modal{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.profile-photos__modal-content{animation:slideUp .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;max-height:85vh;max-width:900px;overflow-y:auto;padding:24px;position:relative;width:90%}.profile-photos__modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.profile-photos__modal-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.profile-photos__modal-close{align-items:center;background:none;background-color:#f5f5f5;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;transition:color .2s ease,transform .2s ease;width:40px}.profile-photos__modal-close:hover{background-color:#ffe6e6;color:#ff4d4f;transform:rotate(90deg)}.profile-photos__modal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.profile-photos__modal-item{aspect-ratio:1/1;background-color:#f0f0f0;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.profile-photos__modal-item:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.03)}.profile-photos__modal-image{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}.profile-photos__loading{align-items:center;display:flex;justify-content:center;padding:20px}.profile-photos__loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.profile-photos__error{background-color:#fff1f0;border:1px solid #ffa39e;border-radius:8px;color:#cf1322;font-size:1rem;font-weight:500;margin:16px 0;padding:16px;text-align:center}@media(max-width:768px){.profile-photos__grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.profile-photos__modal-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.profile-photos__modal-content{padding:16px;width:95%}.profile-photos__modal-header h2{font-size:1.3rem}.profile-photos h2{font-size:1.1rem}.profile-photos__view-all{font-size:.8rem}}@media(max-width:480px){.profile-photos__modal-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.profile-photos__modal-content{padding:12px}.profile-photos__modal-header h2{font-size:1.2rem}}.profile-photos p{color:#666;font-size:.9rem;margin:0;padding:16px;text-align:center}.profile-intro{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin-bottom:3px;padding:20px;width:100%;z-index:1}.profile-intro__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.profile-intro__edit-button{background:none;border:none;border-radius:5px;color:#007bff;cursor:pointer;font-size:14px;transform:translateZ(0);z-index:5}.profile-intro__edit-button:hover{text-decoration:underline}.profile-intro h2{font-size:18px;font-weight:600;margin:0}.profile-intro__view-all{color:#007bff;font-size:14px;text-decoration:none}.profile-intro__view-all:hover{text-decoration:underline}.profile-intro p{color:#666;font-size:14px;margin:0}.all-posts{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:780px;padding:0;width:100%}.post{background:#fff;border:1px solid #e4e6eb;border-radius:16px;box-shadow:0 2px 16px #00000014;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.post:hover{box-shadow:0 4px 24px #0000001f;transform:translateY(-2px)}.post:before{background:linear-gradient(90deg,#f44,#ff6b6b);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.post:hover:before{opacity:1}.header-post{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 12px;position:relative}.header-post .AvaName{align-items:center;display:flex;gap:12px}.header-post .AvaName .avtardefaut{border:2px solid #f44;border-radius:50%;cursor:pointer;height:44px;object-fit:cover;transition:all .3s ease;width:44px}.header-post .AvaName .avtardefaut:hover{border-color:#ff6b6b;transform:scale(1.05)}.header-post .AvaName .user-info strong{color:#050505;cursor:pointer;font-size:16px;font-weight:600}.header-post .AvaName .user-info strong:hover{color:#f44;text-decoration:underline}.header-post .AvaName .user-info .status-time-post{align-items:center;display:flex;gap:8px}.header-post .AvaName .user-info .status-time-post .timePost{align-items:center;color:#65676b;display:flex;font-size:13px}.header-post .post-actions .btn-edit{cursor:pointer;transition:all .2s ease}.header-post .post-actions .btn-edit:hover{background:#ff44441a;color:#f44}.content-posts{word-wrap:break-word;color:#050505;font-size:15px;line-height:1.5;padding:0 20px 16px;white-space:pre-wrap}.Share-Post-origigin{background:#f8f9fa;border:1px solid #e4e6eb;border-left:3px solid #f44;border-radius:12px;margin:0 20px 16px;overflow:hidden}.media-container{margin-bottom:0;padding:0}.media-container .media-grid{grid-gap:2px;display:grid;gap:2px;max-height:500px;width:100%}.media-container .media-grid img,.media-container .media-grid video{display:block;height:100%;object-fit:cover;width:100%}.media-container .media-item{background:#e4e6eb;overflow:hidden;position:relative}.media-container.grid-1 .media-grid{grid-template-columns:1fr;grid-template-rows:auto}.media-container.grid-2 .media-grid{grid-auto-rows:minmax(200px,300px);grid-template-columns:repeat(2,1fr)}.media-container.grid-3 .media-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(150px,250px))}.media-container.grid-3 .media-grid .media-item:first-child{grid-column:1/2;grid-row:1/3}.media-container.grid-3 .media-grid .media-item:nth-child(2){grid-column:2/3;grid-row:1/2}.media-container.grid-3 .media-grid .media-item:nth-child(3){grid-column:2/3;grid-row:2/3}.media-container.grid-4 .media-grid,.media-container.grid-5-plus .media-grid{grid-auto-rows:minmax(150px,200px);grid-template-columns:repeat(2,1fr)}.media-container .more-images-overlay{align-items:center;background:#00000080;color:#fff;cursor:pointer;display:flex;font-size:30px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.post-actions-summary{border-bottom:1px solid #e4e6eb;justify-content:space-between;padding:10px 16px}.post-actions-summary,.post-actions-summary .stats-group{align-items:center;display:flex}.post-actions-summary .action-stat{align-items:center;cursor:pointer;display:flex;gap:4px;margin-right:16px}.post-actions-summary .action-stat:hover{opacity:.8}.post-actions-summary .action-stat .like-icon{color:#f3425f}.post-actions-summary .action-stat span{color:#050505;font-size:14px;font-weight:500}.post-actions-summary .action-button-like{cursor:pointer;padding:4px}.post-actions-summary .action-button-like .like-button{color:#65676b;font-size:20px;transition:color .2s ease-in-out}.post-actions-summary .action-button-like .like-button.liked,.post-actions-summary .action-button-like:hover .like-button{color:#f3425f}.inline-comment-input{align-items:center;display:flex;gap:12px;padding:16px 20px}.inline-comment-input .mini-avatar{border:2px solid #f44;border-radius:50%;height:36px;object-fit:cover;width:36px}.inline-comment-input .comment-input-wrapper{align-items:center;background:#f0f2f5;border-radius:20px;display:flex;flex:1 1;gap:10px;padding:10px 16px;transition:all .2s ease}.inline-comment-input .comment-input-wrapper:hover{background:#e4e6eb}.inline-comment-input .comment-input-wrapper .comment-text-input{background:none;border:none;color:#050505;flex:1 1;font-size:15px;outline:none}.inline-comment-input .comment-input-wrapper .comment-text-input::placeholder{color:#65676b}.inline-comment-input .comment-input-wrapper .emoji-icon{color:#65676b;cursor:pointer;font-size:20px;transition:all .2s ease}.inline-comment-input .comment-input-wrapper .emoji-icon:hover{color:#f44;transform:scale(1.1)}@media(max-width:768px){.all-posts{margin:0;max-width:100%;padding:0 12px}.post{border-left:1px solid #e4e6eb;border-radius:12px;border-right:1px solid #e4e6eb}.post:hover{transform:none}.header-post{padding:16px 16px 10px}.header-post .AvaName .avtardefaut{height:40px;width:40px}.content-posts{padding:0 16px 12px}.inline-comment-input{padding:12px 16px}.inline-comment-input .mini-avatar{height:32px;width:32px}}@media(max-width:480px){.all-posts{padding:0 8px}.post{border-radius:8px}.header-post{padding:12px 12px 8px}.header-post .AvaName{gap:8px}.header-post .AvaName .avtardefaut{height:36px;width:36px}.inline-comment-input{padding:10px 12px}.inline-comment-input .mini-avatar{height:28px;width:28px}}.no-posts{color:#65676b;padding:60px 20px}.no-posts p{font-size:16px;margin:0}.load-more-indicator{color:#65676b;font-size:14px;padding:20px;text-align:center}.Post-option-modal-Container{position:relative;z-index:100}@media(max-width:768px){.all-posts{margin:0;max-width:100%}.post{border-left:none;border-radius:0;border-right:none}}@media(max-width:480px){.media-container.multi-items,.media-container.multi-items.has-video .video-item,.media-container.two-items,.media-container.two-items.has-video .video-item{height:250px}.media-container.multi-items.has-video .media-item:first-child{height:180px}.media-container.multi-items.has-video .media-item:not(:first-child){height:68px}.header-post{padding:10px 12px 6px}.header-post .AvaName{gap:8px}.header-post .AvaName .avtardefaut{height:34px;width:34px}.inline-comment-input{padding:8px 12px 10px}.inline-comment-input .mini-avatar{height:28px;width:28px}}.status-time-post{align-items:center;display:flex;gap:8px}.status-time-post .timePost{align-items:center;color:#65676b;display:flex;font-size:13px}.status-time-post .status-post{align-items:center;background-color:#f0f2f5;border-radius:4px;color:#65676b;display:flex;font-size:11px;font-weight:500;line-height:1.2;padding:2px 6px}.status-time-post .status-post[data-privacy="Công khai"]{background-color:#e7f3ff;color:#1b74e4}.status-time-post .status-post[data-privacy="Công khai"]:before{content:"🌍";font-size:10px;margin-right:4px}.status-time-post .status-post[data-privacy="Bạn bè"]{background-color:#e6f4ea;color:#2e7d32}.status-time-post .status-post[data-privacy="Bạn bè"]:before{content:"👥";font-size:10px;margin-right:4px}.status-time-post .status-post[data-privacy="Riêng tư"]{background-color:#fce4ec;color:#c2185b}.status-time-post .status-post[data-privacy="Riêng tư"]:before{content:"🔒";font-size:10px;margin-right:4px}@media(max-width:768px){.all-posts{padding:initial}}.share-Overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;overflow:visible;position:fixed;top:0;width:100vw;z-index:1000}.share-Overlay .share-Modal{animation:slideIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:15px;width:400px}.share-Overlay .head-Share-Modal{align-items:center;border-bottom:1px solid #ccc;display:flex;font-size:18px;font-weight:700;justify-content:space-between;padding-bottom:10px}.share-Overlay .head-Share-Modal img{cursor:pointer;height:20px;width:20px}.share-Overlay .Avar-name-share{align-items:center;display:flex;margin-top:15px}.share-Overlay .Avar-name-share img{border-radius:50%;height:60px;margin-right:10px;width:60px}.share-Overlay .Avar-name-share .userName-share{font-size:18px;font-weight:700}.share-Overlay .share-input{border:1px solid #ccc;border-radius:8px;font-size:14px;height:80px;margin-top:10px;outline:none;padding:10px;resize:none;width:100%}.share-Overlay .share-input:focus{border-color:#007bff}.share-Overlay .privacy-select-container{align-items:center;display:flex;gap:10px;margin-top:10px}.share-Overlay .privacy-select-container label{color:#333;font-size:14px;font-weight:500}.share-Overlay .privacy-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ccc;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;outline:none;padding:8px 30px 8px 10px;transition:border-color .3s,box-shadow .3s}.share-Overlay .privacy-select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.share-Overlay .privacy-select:hover{border-color:#42a5f5}.share-Overlay .privacy-select option{font-size:14px;padding:10px}.share-Overlay .btn-share{background-color:#42a5f5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:15px;padding:10px;transition:background .3s;width:100%}.share-Overlay .btn-share:hover{background-color:#1e88e5}.shared-post-container{background-color:#fff;border:2px solid #d3d3d3;border-radius:8px;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;margin:0 auto;max-width:600px;padding:12px 16px;width:100%}.shared-post-container .post-share .header-post-share{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.shared-post-container .post-share .header-post-share .AvaName-share{align-items:center;color:#050505;display:flex;font-size:14px;margin:0}.shared-post-container .post-share .header-post-share .AvaName-share .avtardefaut-share{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.shared-post-container .post-share .header-post-share .AvaName-share strong{font-weight:600;margin-right:8px}.shared-post-container .post-share .header-post-share .AvaName-share strong:hover{cursor:pointer;text-decoration:underline}.shared-post-container .post-share .header-post-share .AvaName-share .status-time-post-share{align-items:center;display:flex;gap:6px}.shared-post-container .post-share .header-post-share .AvaName-share .status-time-post-share .timePost-share{color:#65676b;font-size:12px;font-weight:400}.shared-post-container .post-share .header-post-share .AvaName-share .status-time-post-share .status-post-share{align-items:center;background-color:#f0f2f5;border-radius:4px;color:#65676b;display:flex;font-size:12px;font-weight:500;line-height:1.2;padding:2px 6px}.shared-post-container .post-share .header-post-share .AvaName-share .status-time-post-share .status-post-share[data-privacy="Công khai"]{background-color:#e7f3ff;color:#1b74e4}.shared-post-container .post-share .header-post-share .AvaName-share .status-time-post-share .status-post-share[data-privacy="Công khai"]:before{content:"🌍";font-size:12px;margin-right:4px}.shared-post-container .post-share .header-post-share .AvaName-share .status-time-post-share .status-post-share[data-privacy="Bạn bè"]{background-color:#e6f4ea;color:#2e7d32}.shared-post-container .post-share .header-post-share .AvaName-share .status-time-post-share .status-post-share[data-privacy="Bạn bè"]:before{content:"👥";font-size:12px;margin-right:4px}.shared-post-container .post-share .header-post-share .AvaName-share .status-time-post-share .status-post-share[data-privacy="Riêng tư"]{background-color:#fce4ec;color:#c2185b}.shared-post-container .post-share .header-post-share .AvaName-share .status-time-post-share .status-post-share[data-privacy="Riêng tư"]:before{content:"🔒";font-size:12px;margin-right:4px}.shared-post-container .post-share .header-post-share .closemore{display:flex;gap:8px;margin:0}.shared-post-container .post-share .header-post-share .closemore img{cursor:pointer;height:20px;opacity:.7;transition:opacity .2s;width:20px}.shared-post-container .post-share .header-post-share .closemore img:hover{opacity:1}.shared-post-container .post-share .content-posts-share{color:#050505;display:block;font-size:15px;line-height:1.4;margin-bottom:12px;word-break:break-word}.shared-post-container .post-share .media-container-share{border-radius:8px;margin-bottom:12px;overflow:hidden}.shared-post-container .post-share .media-container-share .media-grid-share{grid-gap:2px;display:grid;gap:2px;max-height:500px;width:100%}.shared-post-container .post-share .media-container-share .media-grid-share img,.shared-post-container .post-share .media-container-share .media-grid-share video{display:block;height:100%;object-fit:cover;width:100%}.shared-post-container .post-share .media-container-share .media-item-share{background:#e4e6eb;overflow:hidden;position:relative}.shared-post-container .post-share .media-container-share.grid-1 .media-grid-share{grid-template-columns:1fr;grid-template-rows:auto}.shared-post-container .post-share .media-container-share.grid-2 .media-grid-share{grid-auto-rows:minmax(200px,300px);grid-template-columns:repeat(2,1fr)}.shared-post-container .post-share .media-container-share.grid-3 .media-grid-share{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(150px,250px))}.shared-post-container .post-share .media-container-share.grid-3 .media-grid-share .media-item-share:first-child{grid-column:1/2;grid-row:1/3}.shared-post-container .post-share .media-container-share.grid-3 .media-grid-share .media-item-share:nth-child(2){grid-column:2/3;grid-row:1/2}.shared-post-container .post-share .media-container-share.grid-3 .media-grid-share .media-item-share:nth-child(3){grid-column:2/3;grid-row:2/3}.shared-post-container .post-share .media-container-share.grid-4 .media-grid-share,.shared-post-container .post-share .media-container-share.grid-5-plus .media-grid-share{grid-auto-rows:minmax(150px,200px);grid-template-columns:repeat(2,1fr)}.shared-post-container .post-share .media-container-share .more-images-overlay-share{align-items:center;background:#00000080;color:#fff;cursor:pointer;display:flex;font-size:30px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.right-header-post{margin-left:auto;position:relative}.right-header-post .post-options{display:inline-block;position:relative}.right-header-post .post-options .moreOption{cursor:pointer;height:24px;opacity:.7;transition:transform .2s ease,opacity .2s ease;width:24px}.right-header-post .post-options .moreOption:hover{opacity:1;transform:scale(1.1)}.right-header-post .post-options .options-menu{animation:fadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:120px;overflow:hidden;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.right-header-post .post-options .options-menu button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;transition:all .2s ease;width:100%}.right-header-post .post-options .options-menu button:hover{background:#f5f5f5;color:#000}.right-header-post .post-options .options-menu button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.right-header-post .post-options .options-menu button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#e74c3c}.right-header-post .post-options .options-menu button:last-child:hover{background:#fde8e8}.modal-interactor-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5}.modal-interactor-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-height:500px;overflow-y:auto;width:400px;z-index:4}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #3e4042;padding:12px 16px;position:sticky;top:-12px;z-index:1}.modal-header .modal-title{border-bottom:2px solid #1b74e4;color:#000;font-size:16px;font-weight:600;padding-bottom:8px}.modal-header .reaction-tabs{align-items:center;display:flex;gap:12px}.modal-header .reaction-tabs .reaction-tab{align-items:center;color:#000;display:flex;font-size:14px;gap:4px;transition:color .2s ease}.modal-header .reaction-tabs .reaction-tab .like-icon{color:#f3425f}.modal-header .close-btn{color:gray;font-size:18px;transition:color .2s ease}.modal-header .close-btn:hover{color:#000}.modal-body{padding:0}.modal-body .user-row{align-items:center;display:flex;justify-content:space-between;padding:10px 16px;transition:background .2s ease}.modal-body .user-row .user-info{align-items:center;display:flex;gap:12px}.modal-body .user-row .user-info .avatar{border:1px solid #3e4042;border-radius:50%;height:40px;object-fit:cover;width:40px}.modal-body .user-row .user-info .user-name{color:#000;font-size:14px;font-weight:500}.modal-body .user-row .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s ease}.modal-body .user-row .action-btn [role=img]{font-size:16px}.modal-body .user-row .add-friend-btn{background:#007bff;color:#fff}.modal-body .user-row .add-friend-btn:hover{background:#0069d9}.modal-body .user-row .cancel-request-btn{background:gray;color:#fff}.modal-body .user-row .cancel-request-btn:hover{background:#000}.modal-body .user-row .accept-btn{background:#28a745;color:#fff}.modal-body .user-row .accept-btn:hover{background:#218838}.modal-body .user-row .message-btn{background:#17a2b8;color:#fff}.modal-body .user-row .message-btn:hover{background:#138496}.no-likes{color:#000;padding:10px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#242526}.modal-content::-webkit-scrollbar-thumb{background:#4e4f50;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#626465}.chat-box-container{align-items:flex-end;flex-direction:row-reverse;gap:10px;padding-right:20px;position:relative;right:0}.chat-box,.chat-box-container{bottom:0;display:flex;z-index:1000}.chat-box{background:#fff;border-radius:12px 12px 0 0;box-shadow:0 2px 10px #0000001a;flex-direction:column;height:450px;margin-right:-9px;overflow:hidden;position:fixed;right:300px;transition:all .3s ease;width:350px}.chat-box.minimized{height:50px}.chat-box .chat-header{align-items:center;background:#0084ff;border-radius:12px 12px 0 0;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px}.chat-box .chat-header .user-info{align-items:center;display:flex;gap:8px}.chat-box .chat-header .user-info img{border-radius:50%;height:32px;width:32px}.chat-box .chat-header .user-info .status-dot{background:#5dff83;border-radius:50%;height:8px;width:8px}.chat-box .chat-header .header-actions{display:flex;gap:5px}.chat-box .chat-header .header-actions .action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s}.chat-box .chat-header .header-actions .action-btn:hover{background:#fff3}.chat-box .chat-header .header-actions .action-btn.close-btn:hover{background:#ff000080}.chat-box .chat-header .header-actions .action-btn svg{height:14px;width:14px}.chat-box .chat-messagess{background:#f0f2f5;display:flex;flex-direction:column-reverse;height:100%;max-height:400px;overflow-y:auto;padding:15px}.chat-box .chat-messagess .message{display:flex;margin-bottom:10px}.chat-box .chat-messagess .message.me{justify-content:flex-end}.chat-box .chat-messagess .message.me .message-content{background:#0084ff;border-radius:15px 15px 0 15px;color:#fff}.chat-box .chat-messagess .message.me.typing .message-content{background:#fff;padding:5px 10px}.chat-box .chat-messagess .message.me.typing .message-content .typing-indicator span{background:#999}.chat-box .chat-messagess .message.them{justify-content:flex-start}.chat-box .chat-messagess .message.them .message-content{background:#fff;border-radius:15px 15px 15px 0;color:#333}.chat-box .chat-messagess .message.them.typing .message-content{background:#fff;padding:5px 10px}.chat-box .chat-messagess .message.them.typing .message-content .typing-indicator span{background:#999}.chat-box .chat-messagess .message .message-content{margin-bottom:4px;max-width:70%;padding:8px 12px;position:relative}.chat-box .chat-messagess .message .message-content p{line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.chat-box .chat-messagess .message .message-content p .emoji,.chat-box .chat-messagess .message .message-content p img.emoji{height:20px;margin:0 1px;vertical-align:middle;width:20px}.chat-box .chat-messagess .message .message-content .message-time{color:#00000073;display:inline-block;font-size:11px;margin-left:8px;vertical-align:bottom}.chat-box .chat-messagess .message .message-content .status{align-items:center;display:inline-flex;font-size:11px;line-height:1;margin-left:8px;vertical-align:bottom}.chat-box .chat-messagess .message .message-content .status.delivered,.chat-box .chat-messagess .message .message-content .status.seen,.chat-box .chat-messagess .message .message-content .status.sent{color:#00000073}.chat-box .message-input{align-items:center;border-top:1px solid #eee;display:flex;gap:8px;padding:10px;position:relative}.chat-box .message-input .input-tools{display:flex;gap:5px}.chat-box .message-input .input-tools .tool-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s}.chat-box .message-input .input-tools .tool-btn:hover{background:#f0f2f5;color:#0084ff}.chat-box .message-input .input-tools .tool-btn svg{height:16px;width:16px}.chat-box .message-input textarea{background:#f0f2f5;border:none;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:100px;min-height:36px;outline:none;overflow-y:auto;padding:8px 12px;resize:none;transition:all .2s}.chat-box .message-input textarea:focus{background:#fff;box-shadow:0 0 0 1px #0084ff}.chat-box .message-input textarea::placeholder{color:#65676b;font-size:13px}.chat-box .message-input .send-btn{align-items:center;background:#f0f2f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.chat-box .message-input .send-btn.active{background:#0084ff;color:#fff}.chat-box .message-input .send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-box .message-input .send-btn:hover:not(:disabled){background:#0084ff;color:#fff}.chat-box .message-input .send-btn svg{height:16px;width:16px}.chat-box .typing-indicator{align-items:center;display:flex;gap:4px;padding:4px 0}.chat-box .typing-indicator span{animation:bounce 1.2s infinite;background:#999;border-radius:50%;height:6px;width:6px}.chat-box .typing-indicator span:nth-child(2){animation-delay:.2s}.chat-box .typing-indicator span:nth-child(3){animation-delay:.4s}.emoji-picker-container{border-radius:8px;bottom:60px;box-shadow:0 4px 20px #00000026;left:10px;overflow:hidden;position:absolute;z-index:1001}.emoji-picker-container .EmojiPickerReact{--epr-emoji-size:24px;--epr-category-label-height:30px;border:none!important}.emoji-picker-container .EmojiPickerReact .epr-search-container{padding:8px}.emoji-picker-container .EmojiPickerReact .epr-body{padding:0 8px}.sort-name-friendly{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.chat-box{height:100%;left:50%!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%);width:100%}.chat-box .chat-messagess{height:100%;max-height:100%}}.modal-postOption-overlay{z-index:9999}.modal-postOption-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;min-width:150px;padding:12px;transform:translateY(5px);z-index:10000}.option-item{cursor:pointer;margin:0;padding:8px}.option-item:hover{background:#f0f0f0}.option-edit{font-weight:700}.option-delete,.option-report{color:red;font-weight:700}.create-post-overlay{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:11}.create-post-modal{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;left:50%;max-height:90vh;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease,opacity .3s ease;width:400px;z-index:100}@media(max-width:480px){.create-post-modal{padding:15px;width:90%}}.create-post-modal .header-post-modal{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;font-size:18px;font-weight:700;justify-content:space-between;padding-bottom:10px;position:sticky;top:0;z-index:1}.create-post-modal .header-post-modal .close-icon{cursor:pointer;height:20px;transition:transform .2s;width:20px}.create-post-modal .header-post-modal .close-icon:hover{transform:scale(1.2)}.create-post-modal .user-create-post{align-items:center;display:flex;margin:15px 0}.create-post-modal .user-create-post img{border-radius:50%;height:40px;margin-right:10px;width:40px}.create-post-modal .user-create-post .userName-share{font-weight:700}.create-post-modal .textarea-container{position:relative;width:100%}.create-post-modal .textarea-container textarea{background:#f3f3f3;border:none;border-radius:5px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;height:80px;outline:none;padding:10px 40px 10px 10px;resize:none;width:100%}.create-post-modal .textarea-container textarea .emoji{display:inline-block;font-size:20px;line-height:1.2;vertical-align:middle}.create-post-modal .textarea-container .emoji-btn{background:none;border:none;border-radius:50%;bottom:10px;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:10px;transition:background .2s,transform .2s}.create-post-modal .textarea-container .emoji-btn:hover{background:#0000001a;transform:scale(1.1)}.create-post-modal .textarea-container .emoji-picker-container{border-radius:8px;bottom:40px;box-shadow:0 2px 10px #0003;overflow:hidden;position:fixed;right:10px;transition:opacity .2s ease;width:300px;z-index:1001}.create-post-modal .textarea-container .emoji-picker-container .emoji-picker{width:100%!important}.create-post-modal .preview-imgae-or-video{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;max-height:200px;overflow:auto}.create-post-modal .preview-imgae-or-video .media-preview{border-radius:5px;height:100px;overflow:hidden;position:relative;transition:transform .2s;width:100px}.create-post-modal .preview-imgae-or-video .media-preview:hover{transform:scale(1.05)}.create-post-modal .preview-imgae-or-video .media-preview img,.create-post-modal .preview-imgae-or-video .media-preview video{border-radius:5px;height:100%;object-fit:cover;width:100%}.create-post-modal .preview-imgae-or-video .media-preview .remove-media{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:5px;top:5px;transition:background .2s;width:20px}.create-post-modal .preview-imgae-or-video .media-preview .remove-media:hover{background:#f00c}.create-post-modal .option-create{align-items:center;border-bottom:2px solid #d3d3d3;border-top:2px solid #d3d3d3;display:flex;gap:15px;height:50px;margin:10px 0}.create-post-modal .option-create .file-upload-btn{align-items:center;cursor:pointer;display:flex}.create-post-modal .option-create .file-upload-btn img{height:30px;transition:transform .2s;width:30px}.create-post-modal .option-create .file-upload-btn img:hover{transform:scale(1.1)}.create-post-modal .type-status-post{display:flex;gap:10px;justify-content:space-between;margin:10px 0}.create-post-modal .type-status-post select{border:1px solid #ccc;border-radius:5px;outline:none;padding:5px;transition:border-color .2s;width:100%}.create-post-modal .type-status-post select:focus{border-color:#1877f2}.create-post-modal .btn-create-post{background:#1877f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;transition:background .2s;width:100%}.create-post-modal .btn-create-post:hover{background:#145dbf}.create-post-modal .btn-create-post:disabled{background:#5cb7fd;cursor:not-allowed}.report-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.report-modal{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:90%;padding:28px;position:relative;width:420px}.report-modal h2{color:#222;font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}.report-modal .report-reason{border:1px solid #ddd;border-radius:10px;font-size:15px;margin-bottom:14px;min-height:120px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.report-modal .report-reason:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.report-modal .error-message{color:#dc3545;font-size:13px;margin-bottom:10px}.report-modal .modal-actions{display:flex;gap:16px;justify-content:center;margin-top:20px}.report-modal .modal-actions .cancel-btn-report,.report-modal .modal-actions .submit-btn-report{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 10px #00000014;display:inline-flex;font-size:15px;font-weight:600;height:44px;justify-content:center;min-width:140px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.report-modal .modal-actions .cancel-btn-report{background:#e0e0e0;color:#333}.report-modal .modal-actions .cancel-btn-report:hover{background:#d0d0d0}.report-modal .modal-actions .cancel-btn-report:active{transform:scale(.98)}.report-modal .modal-actions .submit-btn-report{background:#007bff;color:#fff}.report-modal .modal-actions .submit-btn-report:hover{background:#0069d9}.report-modal .modal-actions .submit-btn-report:active{transform:scale(.98)}.report-modal .modal-actions .submit-btn-report:disabled{background:#ccc;cursor:not-allowed}.all-ride-ratings{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:900px;padding:0 1rem}.all-ride-ratings .star-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.all-ride-ratings .star-filter button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#1e293b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.all-ride-ratings .star-filter button:hover{background:#dbeafe;border-color:#2563eb;color:#2563eb}.all-ride-ratings .star-filter button.active{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb33;color:#fff}.all-ride-ratings .star-filter button .filter-star{color:#f59e0b;font-size:.875rem;margin-left:.25rem}.all-ride-ratings .ride-card{background:linear-gradient(135deg,#fff,#f0f7ff);border:1px solid #dbeafe;border-radius:16px;box-shadow:0 6px 16px #0000001a;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:700px;padding:1.75rem;transition:transform .3s ease,box-shadow .3s ease}.all-ride-ratings .ride-card:hover{box-shadow:0 10px 24px #00000026;transform:translateY(-6px)}.all-ride-ratings .ride-card .ride-post{margin-bottom:1.25rem}.all-ride-ratings .ride-card .ride-post h3{color:#1e293b;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin-bottom:1rem}.all-ride-ratings .ride-card .ride-post p{align-items:center;color:#475569;display:flex;font-size:.875rem;margin-bottom:.75rem;transition:color .2s ease}.all-ride-ratings .ride-card .ride-post p:hover{color:#2563eb}.all-ride-ratings .ride-card .ride-post p strong{color:#1e293b;font-weight:600;margin-right:.25rem}.all-ride-ratings .ride-card .driver-info{align-items:center;background:linear-gradient(90deg,#f8fafc,#e0e7ff);border-radius:12px;display:flex;margin-bottom:1.25rem;padding:.75rem;transition:background .3s ease}.all-ride-ratings .ride-card .driver-info:hover{background:linear-gradient(90deg,#e0e7ff,#c7d2fe);cursor:pointer}.all-ride-ratings .ride-card .driver-info .avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000001a;height:3rem;margin-right:1rem;object-fit:cover;transition:transform .3s ease,border-color .3s ease;width:3rem}.all-ride-ratings .ride-card .driver-info .avatar:hover{border-color:#2563eb;transform:scale(1.1)}.all-ride-ratings .ride-card .driver-info p{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:500}.all-ride-ratings .ride-card .rating-info{border-top:1px solid #dbeafe;min-height:6rem;padding-top:1.25rem}.all-ride-ratings .ride-card .rating-info h4{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.all-ride-ratings .ride-card .rating-info h4 .star-container{align-items:center;display:flex;margin-right:.75rem}.all-ride-ratings .ride-card .rating-info p{align-items:center;color:#475569;display:flex;font-size:.875rem;margin-bottom:.75rem}.all-ride-ratings .ride-card .rating-info p strong{color:#1e293b;font-weight:600;margin-right:.25rem}.all-ride-ratings .ride-card .rating-info .no-rating-container{align-items:center;display:flex;justify-content:center;min-height:4rem}.all-ride-ratings .ride-card .rating-info .no-rating{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.875rem;font-weight:500;margin:.5rem 0;padding:.5rem;text-align:center}.all-ride-ratings .ride-card .rating-info .rated-by-user{align-items:center;background:linear-gradient(90deg,#f8fafc,#e0e7ff);border-radius:12px;display:flex;margin-top:1rem;padding:.75rem;transition:background .3s ease}.all-ride-ratings .ride-card .rating-info .rated-by-user:hover{background:linear-gradient(90deg,#e0e7ff,#c7d2fe);cursor:pointer}.all-ride-ratings .ride-card .rating-info .rated-by-user .reviewer-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000001a;height:2.5rem;margin-right:1rem;object-fit:cover;transition:transform .3s ease,border-color .3s ease;width:2.5rem}.all-ride-ratings .ride-card .rating-info .rated-by-user .reviewer-avatar:hover{border-color:#2563eb;transform:scale(1.1)}.all-ride-ratings .ride-card .rating-info .rated-by-user p{align-items:center;color:#1e293b;display:flex;font-size:.875rem}.all-ride-ratings .ride-card .icon{color:#64748b;font-size:1rem;margin-right:.5rem;transition:color .3s ease,transform .3s ease}.all-ride-ratings .ride-card .icon:hover{color:#2563eb;transform:scale(1.2)}.all-ride-ratings .ride-card .star-icon{color:#e5e7eb;font-size:1rem;margin-right:.25rem;transition:color .3s ease}.all-ride-ratings .ride-card .star-icon.filled{color:#f59e0b}.all-ride-ratings .loading,.all-ride-ratings .no-rides{background:#fff;border:1px solid #dbeafe;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#475569;font-size:1rem;font-weight:500;padding:2rem;text-align:center}@media(max-width:768px){.all-ride-ratings{padding:0 .75rem}.all-ride-ratings .star-filter{gap:.25rem}.all-ride-ratings .star-filter button{font-size:.75rem;padding:.5rem .75rem}.all-ride-ratings .star-filter button .filter-star{font-size:.75rem}.all-ride-ratings .ride-card{margin-bottom:1rem;padding:1.25rem}.all-ride-ratings .ride-card .ride-post h3{font-size:1.25rem}.all-ride-ratings .ride-card .ride-post p{font-size:.75rem}.all-ride-ratings .ride-card .driver-info .avatar{height:2.5rem;width:2.5rem}.all-ride-ratings .ride-card .driver-info p{font-size:.75rem}.all-ride-ratings .ride-card .rating-info{min-height:5rem}.all-ride-ratings .ride-card .rating-info h4{font-size:1rem}.all-ride-ratings .ride-card .rating-info p{font-size:.75rem}.all-ride-ratings .ride-card .rating-info .no-rating-container{min-height:3rem}.all-ride-ratings .ride-card .rating-info .rated-by-user .reviewer-avatar{height:2rem;width:2rem}.all-ride-ratings .ride-card .rating-info .rated-by-user p{font-size:.75rem}.all-ride-ratings .ride-card .icon,.all-ride-ratings .ride-card .star-icon{font-size:.875rem}.all-ride-ratings .loading,.all-ride-ratings .no-rides{font-size:.875rem;padding:1.5rem}}.home-vieww{height:auto}.home-vieww .header{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;z-index:10}.profile-user-view{flex-direction:column;height:90vh;overflow-x:hidden;width:100%}.profile-user-view,.profile-user-view__content{box-sizing:border-box;display:flex;max-width:100%;position:relative}.profile-user-view__content{background-color:#e2e2e2;flex:1 1;gap:20px;padding:10px}.profile-user-view__left{display:flex;flex:1 1;flex-direction:column;position:relative;z-index:2}.profile-user-view__right{display:flex;flex:2 1;flex-direction:column;position:relative;z-index:5}@media(max-width:768px){.profile-user-view__content{flex-direction:column;padding:10px}.profile-user-view__left,.profile-user-view__right{flex:1 1;z-index:auto}}.post-input{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:10px;max-width:610px;padding:10px;place-self:center;width:100%;z-index:4}.left-sidebar-container{flex-shrink:0;position:relative}.left-sidebar-content{overflow-y:auto;position:sticky;top:20px;width:500px}.left-sidebar-content::-webkit-scrollbar{width:6px}.left-sidebar-content::-webkit-scrollbar-thumb{background-color:#bcc0c4;border-radius:3px}.profile-intro{position:relative}.profile-intro__edit-button{position:relative;z-index:100}.friend-list-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.friend-list-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.friend-list-modal-header{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.friend-list-modal-title{color:#333;font-size:20px;font-weight:700}.friend-list-tabs{align-items:center;display:flex;gap:16px}.friend-list-tab{color:#555;font-size:16px;font-weight:500}.friend-list-close-btn{color:#999;cursor:pointer;font-size:24px;transition:color .2s}.friend-list-close-btn:hover{color:#333}.friend-list-modal-body{overflow-y:auto;padding:16px}.friend-list-loading-spinner,.friend-list-no-friends{color:#777;font-size:16px;padding:40px 0;text-align:center}.friend-list-container{display:flex;flex-direction:column;gap:16px}.friend-list-item{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:10px;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.friend-list-item:hover{background:#f0f0f0}.friend-list-info{align-items:center;display:flex;gap:12px}.friend-list-avatar{border:2px solid #ddd;border-radius:50%;height:50px;object-fit:cover;width:50px}.friend-list-name{color:#333;font-size:16px;font-weight:600}.friend-list-name:hover{cursor:pointer;text-decoration:underline}.friend-list-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 14px;transition:background .2s,color .2s}.friend-list-add-friend-btn{background:#007bff;color:#fff}.friend-list-add-friend-btn:hover{background:#0069d9}.friend-list-cancel-request-btn{background:gray;color:#fff}.friend-list-cancel-request-btn:hover{background:#000}.friend-list-accept-btn{background:#28a745;color:#fff}.friend-list-accept-btn:hover{background:#218838}.friend-list-message-btn{background:#17a2b8;color:#fff}.friend-list-message-btn:hover{background:#138496}.profile-friends{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:20px;width:100%}.profile-friends__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.profile-friends h2{font-size:18px;font-weight:600;margin:0}.profile-friends__view-all{color:#007bff}.profile-friends__list{display:flex;flex-direction:column;gap:10px}.profile-friends__item{align-items:center;display:flex}.profile-friends__avatar{border-radius:50%;height:40px;margin-right:10px;width:40px}.profile-friends__name{font-size:14px;font-weight:500}.profile-friends__name:hover{cursor:pointer;text-decoration:underline}.profile-friends__view-all{background:#0000;border:none;font-size:14px;text-decoration:none}.profile-friends__view-all:hover{text-decoration:underline}.friend-request-container{background-color:#0000;box-shadow:none;font-family:inherit;margin:0 auto;max-width:1200px;padding:20px;width:100%}.friend-request-container .friend-request-title{border-bottom:none;color:#050505;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:0;text-transform:none}.friend-request-container .error-message,.friend-request-container .loading-message{color:#65676b;font-size:14px;padding:20px;text-align:center}.friend-request-container .no-requests-message{align-items:center;background:#0000;box-shadow:none;color:#65676b;display:flex;flex-direction:column;font-weight:500;gap:10px;padding:40px 20px;text-align:center}.friend-request-container .friend-request-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.friend-request-container .friend-request-card{background-color:#fff;border:1px solid #e4e6eb;border-radius:8px;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s}.friend-request-container .friend-request-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.friend-request-container .friend-request-card .friend-info{display:flex;flex-direction:column;padding:0;width:100%}.friend-request-container .friend-request-card .friend-info .Avatar-Friend{aspect-ratio:1/1;background:#f0f2f5;border:none;border-radius:0;overflow:hidden;width:100%}.friend-request-container .friend-request-card .friend-info .Avatar-Friend img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.friend-request-container .friend-request-card .friend-info .friend-details{padding:12px 12px 0;text-align:left;width:100%}.friend-request-container .friend-request-card .friend-info .friend-name,.friend-request-container .friend-request-card .friend-info label{color:#050505;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:0;overflow:hidden;padding:12px 12px 4px;text-overflow:ellipsis;white-space:nowrap;width:100%}.friend-request-container .friend-request-card .friend-info .friend-name:hover,.friend-request-container .friend-request-card .friend-info label:hover{text-decoration:underline}.friend-request-container .friend-request-card .friend-info .friend-meta{align-items:flex-start;display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding:0 12px}.friend-request-container .friend-request-card .friend-info .friend-meta .common-interests,.friend-request-container .friend-request-card .friend-info .friend-meta .trust-score{color:#65676b;font-size:12px}.friend-request-container .friend-request-card .friend-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:12px}.friend-request-container .friend-request-card .friend-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 0;transition:background .2s;width:100%}.friend-request-container .friend-request-card .friend-actions button:disabled{cursor:not-allowed;opacity:.6}.friend-request-container .friend-request-card .friend-actions .confirm-btn{background-color:#e7f3ff;color:#1877f2}.friend-request-container .friend-request-card .friend-actions .confirm-btn:hover:not(:disabled){background-color:#dbeaff}.friend-request-container .friend-request-card .friend-actions .delete-btn{background-color:#e4e6eb;color:#050505}.friend-request-container .friend-request-card .friend-actions .delete-btn:hover:not(:disabled){background-color:#d8dadf}.friend-request-container .friend-request-card .friend-actions .profile-btn{background-color:#f0f2f5;color:#050505}.friend-request-container .friend-request-card .friend-actions .profile-btn:hover:not(:disabled){background-color:#e4e6eb}.friend-request-container .load-more-btn{background-color:#e4e6eb;border:none;border-radius:6px;color:#050505;cursor:pointer;display:block;font-weight:600;margin:20px 0;padding:12px;width:100%}.friend-request-container .load-more-btn:hover:not(:disabled){background-color:#d8dadf}@media(max-width:768px){.friend-request-container{margin:0;padding:10px}.friend-request-container .friend-request-title{font-size:18px;margin-left:4px}.friend-request-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.friend-request-card{border:1px solid #e4e6eb;border-radius:8px;box-shadow:none}.friend-request-card:hover{transform:none}.friend-request-card .friend-info .friend-name,.friend-request-card .friend-info label{font-size:14px;padding:8px 8px 4px}.friend-request-card .friend-info .friend-meta{padding:0 8px}.friend-request-card .friend-info .friend-meta .common-interests,.friend-request-card .friend-info .friend-meta .trust-score{font-size:11px}.friend-request-card .friend-actions{gap:6px;padding:8px}.friend-request-card .friend-actions button{font-size:13px;padding:6px 0}}@media(max-width:360px){.friend-request-grid{grid-template-columns:1fr}}.search-box-friend{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:20px;display:flex;gap:12px;margin-bottom:20px;padding:8px 14px;transition:all .2s ease}.search-box-friend:focus-within{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.search-box-friend .search-icon{color:#65676b;flex-shrink:0;font-size:18px}.search-box-friend input{background-color:#0000;border:none;color:#050505;flex:1 1;font-size:15px;min-width:0;outline:none;padding:8px 0;width:100%}.search-box-friend input::placeholder{color:#b0b3b8}@media(max-width:768px){.search-box-friend{background:#f0f2f5;border:none;margin-bottom:16px}.search-box-friend input{font-size:16px}}.friend-tab-buttons{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;background:#fff;border-bottom:1px solid #e4e6eb;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none;top:60px;white-space:nowrap;width:100%;z-index:99}.friend-tab-buttons::-webkit-scrollbar{display:none}.friend-tab-buttons button{background:#0000;border:none;border-radius:20px;color:#65676b;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(.2,0,.2,1)}.friend-tab-buttons button:hover{background-color:#f0f2f5}.friend-tab-buttons button.active{background-color:#e7f3ff;color:#1877f2}@media(max-width:768px){.friend-tab-buttons{padding:10px 12px;top:56px}.friend-tab-buttons button{font-size:13px;padding:6px 14px}}.friend-tab-content{background-color:#fff;min-height:calc(100vh - 150px);padding-bottom:20px;width:100%}body{background-color:#f4f5f7;color:#1a1b1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.new-post-card{background:#fff;border-radius:16px;box-shadow:0 2px 4px #0000000d;margin:20px auto;max-width:780px;padding:16px;width:100%}.new-post-card .input-section{align-items:center;cursor:pointer;display:flex;gap:12px;margin-bottom:12px}.new-post-card .input-section .current-user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.new-post-card .input-section .fake-input{align-items:center;background:#f0f2f5;border-radius:50px;color:#65676b;display:flex;flex:1 1;font-size:15px;justify-content:space-between;padding:10px 16px;transition:all .2s ease-in-out}.new-post-card .input-section .fake-input:hover{background:#e4e6eb}.new-post-card .input-section .fake-input .emoji-icon{color:#f7b928;font-size:20px}.new-post-card .divider{background:#f0f2f5;height:1px;margin-bottom:8px}.new-post-card .actions-section{display:flex;justify-content:space-between}.new-post-card .actions-section .action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px;transition:all .2s ease-in-out}.new-post-card .actions-section .action-btn:hover{background:#f0f2f5}.new-post-card .actions-section .action-btn .icon{font-size:22px}.new-post-card .actions-section .action-btn .color-green{color:#45bd62}.new-post-card .actions-section .action-btn .color-red{color:#f02849}.new-post-card .actions-section .action-btn .color-blue{color:#1877f2}@media(max-width:768px){.new-post-card{border-radius:0;margin-top:10px}}*,:after,:before{box-sizing:border-box}.right-sidebar{background-color:#fff;box-shadow:0 4px 12px #00000014;padding:0;position:relative;scrollbar-color:#c8ccd5 #fff;scrollbar-width:thin;transition:all .25s ease-in-out;width:280px}.right-sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar-track{background:#0000}.right-sidebar::-webkit-scrollbar-thumb{background-color:#c8ccd5;border-radius:3px}.right-sidebar::-webkit-scrollbar-thumb:hover{background-color:#babfca}.right-sidebar .sidebar-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px;position:sticky;top:-16px;z-index:2}.right-sidebar .sidebar-header h3{color:#f44;font-size:1.25rem;font-weight:700;margin:0}.right-sidebar .sidebar-header .action-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:5px;transition:all .25s ease-in-out}.right-sidebar .sidebar-header .action-button:hover{background-color:#ff44441a;color:#f44}.right-sidebar .search-container{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:16px;position:sticky;top:57px;z-index:1}.right-sidebar .search-container .search-box{position:relative}.right-sidebar .search-container .search-box .search-icon{color:#9ca3af;height:20px;left:.75rem;position:absolute;top:.5rem;width:20px}.right-sidebar .search-container .search-box input{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#1f2937;font-size:.9rem;padding:10px 15px 10px 40px;transition:all .25s ease-in-out;width:100%}.right-sidebar .search-container .search-box input::placeholder{color:#9ca3af}.right-sidebar .search-container .search-box input:focus{background-color:#fff;border-color:#f44;box-shadow:0 0 0 3px #ff444426;outline:none}.right-sidebar .friends-list{padding:16px 0}.right-sidebar .friends-list .list-group-title{border-bottom:1px solid #ff44441a;color:#f44;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:8px 16px;padding-bottom:4px;text-transform:uppercase}.right-sidebar .friends-list .list-group-title:first-of-type{margin-top:0}.right-sidebar .friends-list ul{list-style:none;margin:0;padding:0 16px}.right-sidebar .friends-list ul li{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:12px 16px;transition:all .25s ease-in-out}.right-sidebar .friends-list ul li:hover{background-color:#ff44441a}.right-sidebar .friends-list ul li.active{background-color:#ff444426}.right-sidebar .friends-list ul li .friend-info{align-items:center;display:flex;flex:1 1;gap:12px;overflow:hidden}.right-sidebar .friends-list ul li .friend-info .avatar-container{flex-shrink:0;position:relative}.right-sidebar .friends-list ul li .friend-info .avatar-container img{background-color:#e5e7eb;border:2px solid #e5e7eb;border-radius:50%;height:44px;object-fit:cover;transition:border-color .2s ease;width:44px}.right-sidebar .friends-list ul li .friend-info .avatar-container .status-dot{border:3px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;transition:background-color .2s ease;width:12px;z-index:10}.right-sidebar .friends-list ul li .friend-info .avatar-container .status-dot.online{animation:pulse 2s ease-in-out infinite;background-color:#10b981;box-shadow:0 0 5px #10b98199}.right-sidebar .friends-list ul li .friend-info .avatar-container .status-dot.offline{background-color:#9ca3af}.right-sidebar .friends-list ul li .friend-info .name-status{flex:1 1;overflow:hidden}.right-sidebar .friends-list ul li .friend-info .name-status .friend-name{color:#1f2937;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-sidebar .friends-list ul li .friend-info .name-status .status-text{color:#6b7280;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-sidebar .friends-list ul li .friend-info .name-status .status-text.online-text{color:#10b981;font-weight:500}.right-sidebar .error-message,.right-sidebar .loading-error{color:#6b7280;font-size:.9rem;padding:20px;text-align:center}.right-sidebar .error-message.error-message,.right-sidebar .loading-error.error-message{color:#ef4444}.right-sidebar .loading-message{align-items:center;display:flex;justify-content:center;padding:16px}.right-sidebar .friends-list ul li{animation:fadeIn .3s ease forwards;opacity:0}.right-sidebar .friends-list ul li:first-child{animation-delay:.04s}.right-sidebar .friends-list ul li:nth-child(2){animation-delay:.08s}.right-sidebar .friends-list ul li:nth-child(3){animation-delay:.12s}.right-sidebar .friends-list ul li:nth-child(4){animation-delay:.16s}.right-sidebar .friends-list ul li:nth-child(5){animation-delay:.2s}.right-sidebar .friends-list ul li:nth-child(6){animation-delay:.24s}.right-sidebar .friends-list ul li:nth-child(7){animation-delay:.28s}.right-sidebar .friends-list ul li:nth-child(8){animation-delay:.32s}.right-sidebar .friends-list ul li:nth-child(9){animation-delay:.36s}.right-sidebar .friends-list ul li:nth-child(10){animation-delay:.4s}.right-sidebar .friends-list ul li:nth-child(11){animation-delay:.44s}.right-sidebar .friends-list ul li:nth-child(12){animation-delay:.48s}.right-sidebar .friends-list ul li:nth-child(13){animation-delay:.52s}.right-sidebar .friends-list ul li:nth-child(14){animation-delay:.56s}.right-sidebar .friends-list ul li:nth-child(15){animation-delay:.6s}.right-sidebar .friends-list ul li:nth-child(16){animation-delay:.64s}.right-sidebar .friends-list ul li:nth-child(17){animation-delay:.68s}.right-sidebar .friends-list ul li:nth-child(18){animation-delay:.72s}.right-sidebar .friends-list ul li:nth-child(19){animation-delay:.76s}.right-sidebar .friends-list ul li:nth-child(20){animation-delay:.8s}.right-sidebar .friends-list ul li:nth-child(21){animation-delay:.84s}.right-sidebar .friends-list ul li:nth-child(22){animation-delay:.88s}.right-sidebar .friends-list ul li:nth-child(23){animation-delay:.92s}.right-sidebar .friends-list ul li:nth-child(24){animation-delay:.96s}.right-sidebar .friends-list ul li:nth-child(25){animation-delay:1s}.right-sidebar .friends-list ul li:nth-child(26){animation-delay:1.04s}.right-sidebar .friends-list ul li:nth-child(27){animation-delay:1.08s}.right-sidebar .friends-list ul li:nth-child(28){animation-delay:1.12s}.right-sidebar .friends-list ul li:nth-child(29){animation-delay:1.16s}.right-sidebar .friends-list ul li:nth-child(30){animation-delay:1.2s}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d #0000 #0000 #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-header{background-color:#fff;border-bottom:1px solid #ddd;justify-content:space-between;padding:10px 20px}.chat-header,.chat-header__info{align-items:center;display:flex}.chat-header__info .return-chat-list{cursor:pointer;display:none;font-size:28px}.chat-header__avatar{border-radius:50%;cursor:pointer;height:40px;margin-right:10px;width:40px}.chat-header__details{display:flex;flex-direction:column}.chat-header__name{cursor:pointer;font-size:16px;font-weight:600}.chat-header__name:hover{text-decoration:underline}.chat-header__status{color:#888;font-size:14px;margin-top:2px}.chat-header__status.online{color:#4caf50}.chat-header__status.offline{color:#f44336}.chat-header__actions{display:flex;gap:15px}.chat-header__button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 15px}.chat-header__button:first-child{background-color:#007bff;color:#fff}.chat-header__button.report{background-color:#dc3545;color:#fff}.chat-header__icon{cursor:pointer;font-size:22px;transition:color .2s}.chat-header__icon:hover{color:#007bff}@media(max-width:768px){.Container-MessageView .message-view{display:flex}.Container-MessageView .message-view .chat-list-wrapper,.Container-MessageView .message-view .message-view__content-wrapper{flex:1 1}}@media(max-width:768px)and (max-width:768px){.Container-MessageView .message-view .hide-on-mobile{display:none!important}.Container-MessageView .message-view .chat-list-wrapper,.Container-MessageView .message-view .message-view__content-wrapper{width:100%}.Container-MessageView .message-view .message-view__content-wrapper{display:flex;flex-direction:column}}@media(max-width:768px){.Container-MessageView .return-chat-list{display:flex!important}.Container-MessageView .chat-list{width:100%}.Container-MessageView .right-sidebar-message.open{height:100vh;position:absolute;width:100%;z-index:10}.Container-MessageView .right-sidebar-message.open .return-chat{display:block;font-size:28px;left:10px;position:absolute;top:10px}}.message-area{background-color:#f9f9f9;display:flex;flex:1 1;flex-direction:column-reverse;overflow-y:auto;padding:20px}.message-area__item{align-items:flex-end;display:flex;margin-bottom:10px}.message-area__item.self{justify-content:flex-end}.message-area__item.self .message-area__message{margin-left:10px}.message-area__item.other{gap:5px;justify-content:flex-start;max-width:1000px;word-break:break-all}.message-area__item.other .message-area__message{margin-right:10px}.message-area__avatar{border-radius:50%;height:40px;width:40px}.message-area__avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.message-area__message{border-radius:15px;font-size:14px;max-width:60%;padding:10px 15px}.message-area__message.other{background-color:#e0e0e0}.message-area__message.self{background-color:#007bff;color:#fff}@media(max-width:768px){.message-area{background-color:#f9f9f9;display:flex;flex:1 1;flex-direction:column-reverse;overflow-y:auto;padding:20px}.message-area__item{align-items:flex-end;display:flex;margin-bottom:10px}.message-area__item.self{justify-content:flex-end;max-width:1000px;word-break:break-all}.message-area__item.self .message-area__message{margin-left:10px}.message-area__item.other{justify-content:flex-start;max-width:1000px;word-break:break-all}.message-area__item.other .message-area__message{margin-right:10px}.message-area__avatar{border-radius:50%;height:40px;width:40px}.message-area__avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.message-area__message{border-radius:15px;font-size:14px;max-width:60%;padding:10px 15px}.message-area__message.other{background-color:#e0e0e0}.message-area__message.self{background-color:#007bff;color:#fff}}.typing-indicator{align-items:center;background-color:#f1f0f0;border-radius:20px;color:#555;display:flex;font-size:0;gap:4px;padding:8px 12px}.typing-indicator.self{align-self:flex-end;background-color:#2aa3ff;color:#fff}.typing-indicator.other{align-self:flex-start;background-color:#f1f0f0}.typing-indicator .dot{animation:typing-bounce .8s ease-in-out infinite;background-color:currentColor;border-radius:50%;height:8px;width:8px}.typing-indicator .dot:nth-child(2){animation-delay:.15s}.typing-indicator .dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.message-input{align-items:center;background-color:#fff;border-top:1px solid #ddd;display:flex;height:80px;padding:10px 20px}.message-input__icon{background:none;border:none;cursor:pointer;font-size:20px;margin-right:10px}.message-input input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px}.message-input__send{background:none;border:none;cursor:pointer;font-size:20px;margin-left:10px}.Container-MessageView{background-color:#ececec;display:flex;flex-direction:column;height:100vh;overflow-y:hidden;position:relative;width:100%}.Container-MessageView .message-view{border-top:1px solid #d3d3d3;display:flex;flex:1 1;overflow-y:auto;position:relative}.Container-MessageView .message-view .message-view__content-wrapper{display:flex;flex-direction:column;overflow-y:auto;width:100%}.welcome-message{align-items:center;color:#555;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.welcome-message h2{color:#333;font-size:2rem;margin-bottom:.5rem}.welcome-message p{color:#666;font-size:1.2rem}@media(max-width:768px){.welcome-message{display:none}}.Notify-all-center{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;max-width:620px;padding:15px;width:100%}.Header-Noti{border-bottom:1px solid #ddd;font-size:18px;font-weight:700;padding-bottom:10px}.Action-Notify{display:flex;gap:10px;justify-content:start;margin-bottom:10px;margin-top:10px}.Action-Notify button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 12px}.Action-Notify button:first-child{background:#1877f2;color:#fff}.Action-Notify button:last-child{background:#ddd;color:#000}.Notify-item{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;margin-top:10px;padding:10px}.Notify-item img{border-radius:50%;height:40px;margin-right:10px;width:40px}.Notify-item span{flex-grow:1;font-size:14px}.Notify-item img:last-child{cursor:pointer;height:20px;width:20px}@media(max-width:768px){.profile-header{height:300px}.profile-header .profile-header__background{height:160px}.profile-header .profile-header__info{display:flex!important;flex-direction:column!important;top:-90px!important;z-index:9!important}.profile-header .profile-header__info .profile-header__edit-button{display:none}.profile-header .profile-header__info .profile-header__avatar{transform:translateY(0)!important}.profile-header .profile-header__info .profile-header__details{align-items:center;display:flex!important;flex-direction:column;margin-top:0!important}.left-sidebar-container{width:auto!important}.left-sidebar-container .left-sidebar-content{width:95vw!important}.left-sidebar-container .left-sidebar-content .profile-intro p{font-size:18px;text-align:center}}.modal-score-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-score-content{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0003;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%;z-index:1001}.modal-score-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.modal-score-header h3{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:8px;margin:0}.modal-score-header h3 .header-score-icon{color:#3a86ff}.modal-score-header .close-score-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;transition:color .2s}.modal-score-header .close-score-btn:hover{color:#333}.modal-score-body{max-height:60vh;overflow-y:auto;padding:0 5px}.credit-history-list{display:flex;flex-direction:column;gap:10px}.history-record{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:10px;transition:all .3s ease}.history-record.expanded{background:#f0faff;border-color:#3a86ff}.history-record .record-score-summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.history-record .record-info{display:flex;flex-direction:column;gap:5px}.history-record .record-date{align-items:center;color:#666;display:flex;font-size:.9rem;gap:5px}.history-record .record-date .record-icon{color:#888}.history-record .record-change{align-items:center;display:flex;gap:5px}.history-record .record-change .change-amount{font-size:1rem;font-weight:700}.history-record .record-change .change-amount.positive{color:#28a745}.history-record .record-change .change-amount.negative{color:#dc3545}.history-record .record-change .change-label{color:#666;font-size:.9rem}.history-record .expand-icon{color:#3a86ff;font-size:1.2rem}.history-record .record-details{background:#fff;border:1px solid #e0e0e0;border-radius:5px;margin-top:10px;padding:10px}.history-record .record-details .detail-item{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.history-record .record-details .detail-item label{color:#555;font-weight:500}.history-record .record-details .detail-item span{color:#333}.empty-score-state{align-items:center;color:#888;display:flex;flex-direction:column;padding:20px}.empty-score-state .empty-icon{font-size:2.5rem;margin-bottom:10px}.empty-score-state p{font-size:1rem;margin:0}.modal-footer{border-top:1px solid #eee;margin-top:15px;padding-top:10px;text-align:right}.modal-footer .close-footer-btn{background:#3a86ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 20px;transition:background .2s}.modal-footer .close-footer-btn:hover{background:#3267d6}.loading-state{color:#666}.end-of-list,.loading-state{padding:10px;text-align:center}.end-of-list{color:#999;font-style:italic}.trust-score-info{align-items:center;display:inline-flex;margin-left:8px;position:relative}.trust-score-info .info-icon{color:#3a86ff;cursor:pointer;font-size:1rem;transition:color .2s}.trust-score-info .info-icon:hover{color:#2667cc}.trust-score-tooltip{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 30px #0003;font-size:.85rem;max-width:90vw;padding:16px;position:fixed;width:320px;z-index:1002}.trust-score-tooltip .tooltip-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.trust-score-tooltip .tooltip-header h4{color:#333;font-size:1rem;margin:0}.trust-score-tooltip .tooltip-header .close-tooltip{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:0}.trust-score-tooltip .tooltip-header .close-tooltip:hover{color:#333}.trust-score-tooltip .current-level{background:linear-gradient(135deg,#3a86ff,#2667cc);border-radius:6px;color:#fff;font-weight:500;margin-bottom:12px;padding:8px 12px;text-align:center}.trust-score-tooltip .current-level .level-text{font-size:.9rem}.trust-score-tooltip .current-level .level-score{font-size:.8rem;opacity:.9}.trust-score-tooltip .level-system .level-item{align-items:flex-start;background:#f8f9fa;border-radius:6px;display:flex;margin-bottom:10px;padding:8px}.trust-score-tooltip .level-system .level-item:last-child{margin-bottom:0}.trust-score-tooltip .level-system .level-item .level-range{color:#3a86ff;font-size:.8rem;font-weight:600;margin-right:8px;min-width:60px}.trust-score-tooltip .level-system .level-item .level-permissions{color:#555;flex:1 1;font-size:.8rem;line-height:1.4}.error-state{background:#f8d7da;border-radius:8px;color:#dc3545;margin:10px 0;padding:20px;text-align:center}.profile-user-view__right .tabs{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;max-width:450px;padding:.75rem 1rem;place-self:center;width:100%}.profile-user-view__right .tabs .tab{background:#fff;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:600;outline:none;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.profile-user-view__right .tabs .tab:hover{background:#dbeafe;color:#1e293b;transform:scale(1.03)}.profile-user-view__right .tabs .tab.active{background:#eff6ff;box-shadow:0 2px 8px #2563eb33;color:#2563eb;transform:scale(1.03)}.profile-user-view__right .tabs .tab.active:after{background:#0f87ff;border-radius:2px;bottom:-4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}@media(max-width:768px){.profile-user-view__right .tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.5rem}.profile-user-view__right .tabs .tab{border-radius:16px;box-shadow:0 2px 4px #00000014;font-size:.75rem;padding:.5rem 1rem}.profile-user-view__right .tabs .tab.active,.profile-user-view__right .tabs .tab:hover{transform:scale(1.02)}.profile-user-view__right .tabs .tab.active:after{bottom:-3px;height:2px;width:50%}}.no-rides{place-self:center}.suggested-user-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;font-family:Arial,sans-serif;max-width:620px;padding:16px;width:100%}.suggested-user-title{color:#000;font-size:18px;font-weight:700;margin-bottom:16px}.suggested-user-list{display:flex;flex-direction:column;gap:12px}.user-item{align-items:center;background-color:#fff;border:2px solid gray;border-radius:8px;display:flex;gap:12px;padding:8px;transition:background-color .2s}.user-item:hover{background-color:#ebebeb}.user-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.user-info{flex:1 1}.user-name{color:#000;font-size:14px;font-weight:700;margin:0}.user-bio{color:#000;font-size:12px;line-height:1.2;margin:2px 0}.view-all-btn{background-color:#0000;border:none;color:#1a73e8;cursor:pointer;font-size:14px;font-weight:700;margin-top:12px;padding:8px;text-align:center;width:100%}.view-all-btn:hover{text-decoration:underline}.change-password .form-group label{align-items:center;display:flex;gap:8px}.change-password .form-group label .icon{color:#1da1f2;font-size:16px}.change-password .form-group label .verified-icon{color:#28a745;font-size:14px;margin-left:8px}.change-password .form-group .info-value{background-color:#f5f8fa;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#1a1a1a;font-size:14px;padding:12px 15px;word-break:break-word}.change-password .info-text.error{color:#d32f2f}.settings-view{background-color:#fff;color:#000;display:flex;flex-direction:column;height:100vh}.settings-view .settings-container{display:flex;flex:1 1;overflow:hidden}.settings-view .settings-content{display:flex;flex:1 1;height:calc(100vh - 60px);padding:20px}.settings-view .settings-sidebar{border-right:1px solid #e1e8ed;overflow-y:auto;padding:20px;width:300px}.settings-view .settings-sidebar h2{font-size:24px;font-weight:700;margin-bottom:20px}.settings-view .settings-sidebar .search-input{background-color:#f5f8fa;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:10px;transition:border-color .3s ease;width:100%}.settings-view .settings-sidebar .search-input:focus{border-color:#1da1f2;outline:none}.settings-view .settings-sidebar .menu-list{list-style:none;padding:0}.settings-view .settings-sidebar .menu-list li{align-items:center;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:12px 15px;transition:background-color .3s ease}.settings-view .settings-sidebar .menu-list li:hover{background-color:#e1e8ed}.settings-view .settings-sidebar .menu-list li.active{background-color:#d3eafd;font-weight:600}.settings-view .settings-sidebar .menu-list li span{color:#1da1f2}.settings-view .settings-main{background-color:#f9fafb;border-radius:12px;box-shadow:0 2px 10px #0000000d;flex:1 1;margin-left:20px;max-height:calc(100vh - 60px);overflow-y:auto;padding:30px}.your-account h2{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:10px}.your-account p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:25px}.your-account .account-options{list-style:none;padding:0}.your-account .account-options li{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;margin-bottom:10px;padding:15px;transition:transform .2s ease,box-shadow .3s ease}.your-account .account-options li:hover{background-color:#f5f8fa;box-shadow:0 4px 8px #00000026;cursor:pointer;transform:translateY(-2px)}.your-account .account-options li .icon{color:#1da1f2;font-size:20px;margin-right:15px}.your-account .account-options li .option-content{display:flex;flex:1 1;flex-direction:column}.your-account .account-options li .option-title{color:#1a1a1a;font-size:16px;font-weight:600}.your-account .account-options li .option-description{color:#6b7280;font-size:14px}.your-account .account-options li .arrow{color:#1da1f2;font-size:18px}.change-password h2{color:#1a1a1a;display:flex;font-size:28px;font-weight:700;justify-content:center;margin-bottom:20px}.change-password .back-button{background:none;border:none;color:#1da1f2;cursor:pointer;font-size:18px;margin-bottom:15px;transition:color .3s ease}.change-password .back-button:hover{color:#1a91da}.change-password .form-container{align-items:center;display:flex;flex-direction:column;width:100%}.change-password .form-group{margin-bottom:20px;max-width:400px;position:relative;width:100%}.change-password .form-group label{color:#1a1a1a;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.change-password .form-group .password-input-wrapper{align-items:center;display:flex;position:relative}.change-password .form-group .password-input-wrapper input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000000d;font-size:14px;padding:12px 40px 12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.change-password .form-group .password-input-wrapper input:focus{border-color:#1da1f2;box-shadow:0 0 0 3px #1da1f21a;outline:none}.change-password .form-group .password-input-wrapper .password-toggle{color:#1da1f2;cursor:pointer;font-size:16px;position:absolute;right:10px;transition:color .3s ease}.change-password .form-group .password-input-wrapper .password-toggle:hover{color:#1a91da}.change-password .form-group .forgot-password{color:#1da1f2;display:block;font-size:12px;font-weight:500;margin-top:8px;text-decoration:none;transition:color .3s ease}.change-password .form-group .forgot-password:hover{color:#1a91da;text-decoration:underline}.change-password .info-text{color:#6b7280;font-size:12px;line-height:1.5;margin-bottom:25px;max-width:400px;text-align:center}.change-password .info-text .learn-more{color:#1da1f2;font-weight:500;text-decoration:none}.change-password .info-text .learn-more:hover{text-decoration:underline}.change-password .save-button{background-color:#1da1f2;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 30px;transition:background-color .3s ease,transform .2s ease}.change-password .save-button:hover{background-color:#1a91da;transform:translateY(-1px)}.change-password .save-button:active{transform:translateY(0)}.update-profile-info h2{color:#1a1a1a;display:flex;font-size:28px;font-weight:700;justify-content:center;margin-bottom:20px}.update-profile-info .back-button{background:none;border:none;color:#1da1f2;cursor:pointer;font-size:18px;margin-bottom:15px;transition:color .3s ease}.update-profile-info .back-button:hover{color:#1a91da}.update-profile-info .form-container{align-items:center;display:flex;flex-direction:column;width:100%}.update-profile-info .form-group{margin-bottom:20px;max-width:400px;position:relative;width:100%}.update-profile-info .form-group label{color:#1a1a1a;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.update-profile-info .form-group .phone-input-wrapper{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;transition:border-color .3s ease,box-shadow .3s ease}.update-profile-info .form-group .phone-input-wrapper:focus-within{border-color:#1da1f2;box-shadow:0 0 0 3px #1da1f21a}.update-profile-info .form-group .phone-input-wrapper .phone-prefix{background-color:#f5f8fa;border-radius:8px 0 0 8px;border-right:1px solid #d1d5db;color:#1a1a1a;font-size:14px;font-weight:500;padding:12px 10px;-webkit-user-select:none;user-select:none}.update-profile-info .form-group .phone-input-wrapper input{background-color:#0000;border:none;border-radius:0 8px 8px 0;flex:1 1;font-family:monospace;font-size:14px;outline:none;padding:12px 15px}.update-profile-info .form-group select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231da1f2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000000d;font-size:14px;padding:12px 40px 12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.update-profile-info .form-group select:focus{border-color:#1da1f2;box-shadow:0 0 0 3px #1da1f21a;outline:none}.update-profile-info .save-button{background-color:#1da1f2;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 30px;transition:background-color .3s ease,transform .2s ease}.update-profile-info .save-button:hover{background-color:#1a91da;transform:translateY(-1px)}.update-profile-info .save-button:active{transform:translateY(0)}.update-profile-info .save-button:disabled{background-color:#ccc;cursor:not-allowed}@media(max-width:768px){.update-profile-info .settings-content{flex-direction:column;height:calc(100vh - 60px);padding:10px}.update-profile-info .settings-sidebar{border-bottom:1px solid #e1e8ed;border-right:none;padding:10px;width:100%}.update-profile-info .settings-main{margin-left:0;margin-top:10px;max-height:calc(100vh - 120px);padding:15px}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.All-ride-post{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto 30px;max-width:780px;padding:20px;transition:all .3s ease;width:100%}.All-ride-post:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-3px)}.All-ride-post .header-ride-post{align-items:center;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding-bottom:15px}.All-ride-post .header-ride-post .left-header-post{align-items:center;display:flex}.All-ride-post .header-ride-post .left-header-post .Avata-user{border:2px solid #1877f2;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;transition:transform .3s ease;width:48px}.All-ride-post .header-ride-post .left-header-post .Avata-user:hover{cursor:pointer;transform:scale(1.1)}.All-ride-post .header-ride-post .left-header-post .Name-User{color:#1a1a1a;font-size:16px;font-weight:600}.All-ride-post .header-ride-post .left-header-post .Name-User:hover{cursor:pointer;text-decoration:underline}.All-ride-post .header-ride-post .left-header-post .time-ridePost{color:#8e8e93;font-size:13px;font-style:italic;margin-left:12px}.All-ride-post .header-ride-post .right-header-post{display:flex;gap:12px}.All-ride-post .header-ride-post .right-header-post .moreOption{color:#8e8e93;cursor:pointer;font-size:24px;transition:color .3s ease}.All-ride-post .header-ride-post .right-header-post .moreOption:hover{color:#1877f2}.All-ride-post .content-ride-post{background:linear-gradient(145deg,#f8fafc,#fff);border-left:4px solid #1877f2;border-radius:12px;box-shadow:inset 0 2px 6px #00000008;margin:20px 0;padding:15px}.All-ride-post .content-ride-post .post-type-tag{background:#e7f4ea;border-radius:12px;color:#34c759;display:inline-block;font-size:12px;font-weight:500;margin-bottom:12px;padding:4px 10px}.All-ride-post .content-ride-post .post-content{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.5;margin-bottom:15px;word-break:break-word}.All-ride-post .content-ride-post .location-time{display:flex;flex-direction:column;gap:12px}.All-ride-post .content-ride-post .location-time .location-item,.All-ride-post .content-ride-post .location-time .time-item{align-items:center;display:flex;font-size:14px;gap:10px;padding-left:28px;position:relative}.All-ride-post .content-ride-post .location-time .location-item:before,.All-ride-post .content-ride-post .location-time .time-item:before{background-repeat:no-repeat;background-size:contain;content:"";height:20px;left:0;position:absolute;width:20px}.All-ride-post .content-ride-post .location-time .start-location:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2334c759'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.657 16.243 12 10.586l-5.657 5.657A4 4 0 0 0 8 20h8a4 4 0 0 0 1.657-3.757zM12 4v6.586'/%3E%3C/svg%3E")}.All-ride-post .content-ride-post .location-time .end-location:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff3b30'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2a6 6 0 0 0-6 6c0 4 6 10 6 10s6-6 6-10a6 6 0 0 0-6-6zm0 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/svg%3E")}.All-ride-post .content-ride-post .location-time .time-item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238e8e93'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 4v6l4 2'/%3E%3C/svg%3E")}.All-ride-post .content-ride-post .location-time .location-label,.All-ride-post .content-ride-post .location-time .time-label{color:#1a1a1a;font-weight:600;min-width:80px}.All-ride-post .content-ride-post .location-time .location-value,.All-ride-post .content-ride-post .location-time .time-value{color:#4a4a4a;font-weight:400;line-height:1.4;word-break:break-word}.All-ride-post .map-ride-post{border:1px solid #ececec;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:15px;overflow:hidden}.All-ride-post .map-ride-post .leaflet-container{border-radius:12px}.All-ride-post .action-ride-post{align-items:center;border-top:1px solid #ececec;display:flex;justify-content:space-between;margin-top:15px;padding:15px 0}.All-ride-post .action-ride-post .accept-ride-post,.All-ride-post .action-ride-post .like-number-ride-post,.All-ride-post .action-ride-post .see-ride-map{align-items:center;color:#4a4a4a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;transition:all .3s ease}.All-ride-post .action-ride-post .accept-ride-post:hover,.All-ride-post .action-ride-post .like-number-ride-post:hover,.All-ride-post .action-ride-post .see-ride-map:hover{color:#1877f2}.All-ride-post .action-ride-post .accept-ride-post img,.All-ride-post .action-ride-post .like-number-ride-post img,.All-ride-post .action-ride-post .see-ride-map img{height:22px;transition:transform .3s ease;width:22px}.All-ride-post .action-ride-post .accept-ride-post img:hover,.All-ride-post .action-ride-post .like-number-ride-post img:hover,.All-ride-post .action-ride-post .see-ride-map img:hover{transform:scale(1.2)}.All-ride-post .action-ride-post .accept-ride-post .see-map,.All-ride-post .action-ride-post .like-number-ride-post .see-map,.All-ride-post .action-ride-post .see-ride-map .see-map{font-size:18px}.All-ride-post .action-ride-post .like-number-ride-post{background:#f5f5f5;border-radius:20px;padding:6px 12px;transition:background .3s ease}.All-ride-post .action-ride-post .accept-ride-post{background:#1877f2;border-radius:20px;color:#fff;padding:6px 12px;transition:background .3s ease}.All-ride-post .action-ride-post .accept-ride-post:hover{background:#1877f2;color:#fff}.All-ride-post .action-ride-post .see-ride-map{background:#f5f5f5;border-radius:20px;padding:6px 12px;transition:background .3s ease}.All-ride-post .action-ride-post .see-ride-map:hover{background:#ececec}.safety-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.safety-modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1001}.safety-modal-buttons{margin-top:20px}.safety-modal-buttons button{border:none;border-radius:4px;cursor:pointer;margin:0 10px;padding:8px 16px}.safety-modal-buttons button:first-child{background-color:#4caf50;color:#fff}.safety-modal-buttons button:last-child{background-color:#f44336;color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;left:50%;max-height:90vh;max-width:95vw;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1001}.modal-header{align-items:flex-start;border-bottom:1px solid #edf2f4;display:flex;justify-content:space-between;padding:20px}.modal-header .header-content h2{color:#2b2d42;font-size:1.5rem;font-weight:600;margin:0}.modal-header .header-content p{color:#8d99ae;font-size:.85rem;margin:4px 0 0}.modal-header .close-btn{background:none;border:none;color:#8d99ae;cursor:pointer;font-size:1.3rem;opacity:.7;padding:5px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.modal-header .close-btn:hover{color:#4361ee;opacity:1;transform:rotate(90deg)}.user-section{align-items:center;display:flex;padding:15px 20px}.user-section .user-avatar{border:2px solid #edf2f4;border-radius:50%;height:50px;margin-right:12px;overflow:hidden;width:50px}.user-section .user-avatar img{height:100%;object-fit:cover;width:100%}.user-section .user-info .user-name{color:#2b2d42;font-weight:600;margin-bottom:2px}.user-section .user-info .post-time{color:#8d99ae;font-size:.8rem}.form-content{padding:0 20px}.form-content .form-group{margin-bottom:20px}.form-content .form-group .floating-textarea{position:relative}.form-content .form-group .floating-textarea label{color:#8d99ae;font-size:.95rem;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:1}.form-content .form-group .floating-textarea .input-field:focus+label,.form-content .form-group .floating-textarea .input-field:not(:placeholder-shown)+label,.form-content .form-group .floating-textarea .search-location--focused+label,.form-content .form-group .floating-textarea .search-location--has-value+label{background:#fff;color:#4361ee;font-size:.75rem;left:10px;padding:0 5px;top:-8px}.form-content .form-group .floating-textarea .input-field{background:#0000;border:1px solid #edf2f4;border-radius:12px;box-sizing:border-box;font-size:.95rem;height:100px;overflow:hidden;padding:15px 40px 15px 15px;resize:none;text-overflow:ellipsis;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap;width:100%}.form-content .form-group .floating-textarea .input-field:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a;outline:none}.form-content .form-group .floating-textarea .char-counter{bottom:10px;color:#8d99ae;font-size:.75rem;position:absolute;right:10px;z-index:2}.form-content .form-group .floating-input{position:relative}.form-content .form-group .floating-input label{color:#8d99ae;font-size:.95rem;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:1}.form-content .form-group .floating-input .input-field:focus+label,.form-content .form-group .floating-input .input-field:not(:placeholder-shown)+label,.form-content .form-group .floating-input .search-location--focused+label,.form-content .form-group .floating-input .search-location--has-value+label{background:#fff;color:#4361ee;font-size:.75rem;left:10px;padding:0 5px;top:-8px}.form-content .form-group .floating-input.with-icon{position:relative}.form-content .form-group .floating-input.with-icon .input-field{background:#0000;border:1px solid #edf2f4;border-radius:12px;box-sizing:border-box;font-size:.95rem;overflow:hidden;padding:15px 40px 15px 15px;text-overflow:ellipsis;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap;width:100%}.form-content .form-group .floating-input.with-icon .input-field:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a;outline:none}.form-content .form-group .floating-input.with-icon .input-action{background:none;border:none;color:#8d99ae;cursor:pointer;font-size:1.1rem;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:2}.form-content .form-group .floating-input.with-icon .input-action:hover{color:#4361ee}.form-content .form-group .floating-input .input-field{background:#0000;border:1px solid #edf2f4;border-radius:12px;box-sizing:border-box;font-size:.95rem;overflow:hidden;padding:15px 40px 15px 15px;text-overflow:ellipsis;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap;width:100%}.form-content .form-group .floating-input .input-field:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a;outline:none}.form-content .location-group{grid-gap:15px;display:grid;gap:15px}.map-preview{border:1px solid #edf2f4;border-radius:12px;height:200px;margin:20px;overflow:hidden}.map-preview .map-view{height:100%;width:100%}.submit-btn{align-items:center;background:#4361ee;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;margin:20px;padding:15px;transition:all .3s cubic-bezier(.25,.8,.25,1);width:calc(100% - 40px)}.submit-btn:hover{background:#3f37c9}.submit-btn:disabled{background:#8d99ae;cursor:not-allowed}.submit-btn .icon{margin-right:8px}.submit-btn .spinner{animation:spin 1s infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.search-location .react-select__control{background:#0000;border:1px solid #edf2f4;border:1px solid #edf2f4!important;border-radius:12px;box-shadow:none!important;box-sizing:border-box;font-size:.95rem;overflow:hidden;padding:15px 40px 15px 15px;text-overflow:ellipsis;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap;width:100%}.search-location .react-select__control:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a;outline:none}.search-location .react-select__control--is-focused{border-color:#4361ee!important;box-shadow:0 0 0 2px #4361ee1a!important}.search-location .react-select__control .react-select__value-container{padding:0!important}.search-location .react-select__control .react-select__input-container{margin:0!important;padding:0!important}.search-location .react-select__control .react-select__input-container input{margin:0!important;overflow:hidden!important;padding:0!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.search-location .react-select__control .react-select__indicators{display:none}.search-location .react-select__menu{border:1px solid #edf2f4;border-radius:0 0 12px 12px;box-shadow:0 5px 15px #0000001a;margin-top:-1px;z-index:10}.search-location .react-select__option{cursor:pointer;padding:10px 15px}.search-location .react-select__option:hover{background:#fdfdfe}.ride-marker .marker-text{background:#4caf50;border-radius:20px;box-shadow:0 2px 6px #0000004d;color:#fff;font-size:13px;font-weight:700;padding:6px 10px}.ride-marker.end .marker-text{background:#f44336}.suggestions-dropdown{border:1px solid #ddd}.suggestion-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:background .2s}.suggestion-item:hover{background:#f5f5f5}.suggestion-item .icon{color:#666;font-size:14px}.loading-spinner{border:2px solid #f3f3f3;height:16px;width:16px}.suggestions-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestions-dropdown .suggestion-loading{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;padding:12px 16px}.suggestions-dropdown .suggestion-item{align-items:flex-start;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.suggestions-dropdown .suggestion-item:last-child{border-bottom:none}.suggestions-dropdown .suggestion-item:hover{background:#f8f9fa}.suggestions-dropdown .suggestion-item .icon{color:#666;flex-shrink:0;margin-top:2px}.suggestions-dropdown .suggestion-item .suggestion-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.suggestions-dropdown .suggestion-item .suggestion-label{color:#333;font-size:14px;line-height:1.4}.suggestions-dropdown .suggestion-item .suggestion-detail{color:#666;font-size:12px}.suggestions-dropdown .no-suggestions{color:#999;font-size:14px;font-style:italic;padding:16px;text-align:center}.ride-marker{position:relative}.ride-marker .marker-pin{border-radius:50% 50% 50% 0;height:20px;transform:rotate(-45deg);width:20px}.ride-marker .marker-pin.start{background:#4caf50}.ride-marker .marker-pin.end{background:#f44336}.ride-marker .marker-text{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;font-size:12px;font-weight:500;left:50%;padding:4px 8px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap}.ride-marker .marker-text:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #fff;bottom:-4px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.input-action:disabled{cursor:not-allowed;opacity:.6}.map-loading-overlay{align-items:center;background:#fffc;bottom:0;color:#666;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1976d2;height:24px;width:24px}.search-location{max-width:500px;width:100%}.search-location .react-select__control{background-color:#fff;border:1px solid #ced4da;border-radius:4px;min-height:38px;transition:border-color .2s ease,box-shadow .2s ease}.search-location .react-select__control:hover{border-color:#adb5bd}.search-location .react-select__control--is-focused{border-color:#007bff;box-shadow:0 0 0 2px #007bff33;outline:none}.search-location .react-select__control--is-loading .react-select__indicator{color:#868e96}.search-location .react-select__input{color:#495057}.search-location .react-select__input input{font-size:14px;line-height:1.5}.search-location .react-select__placeholder{color:#6c757d;font-size:14px}.search-location .react-select__menu{border:1px solid #ced4da;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-top:4px;z-index:1000}.search-location .react-select__option{color:#212529;font-size:14px;padding:8px 12px}.search-location .react-select__option--is-focused,.search-location .react-select__option:hover{background-color:#f8f9fa;cursor:pointer}.search-location .react-select__option--is-selected{background-color:#007bff;color:#fff}.search-location .react-select__menu-notice--no-options{color:#6c757d;font-size:14px;padding:8px 12px}.search-location .react-select__loading-indicator{color:#868e96}.search-location--has-value .react-select__control{border-color:#007bff}@media(max-width:768px){.search-location{max-width:100%}.search-location .react-select__control{min-height:36px}.search-location .react-select__input input,.search-location .react-select__placeholder{font-size:13px}.search-location .react-select__option{font-size:13px;padding:6px 10px}}.post-input{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:12px;max-width:780px;padding:12px 16px;transition:box-shadow .3s,border-color .3s}.post-input:hover{box-shadow:0 4px 8px #0000001a}.post-input input[type=text]{background-color:#f3f4f6;border:none;border-radius:8px;color:#1f2937;cursor:pointer;flex-grow:1;font-size:1rem;padding:8px 10px}.post-input input[type=text]::placeholder{color:#6b7280}.post-input input[type=text]:focus{outline:none}.post-input button{background-color:#f44;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.95rem;font-weight:600;padding:10px 18px;pointer-events:none;transition:all .2s ease}.post-input button:hover{background-color:#f11}.post-input button:active{transform:translateY(1px)}.mapboxgl-map{-webkit-tap-highlight-color:rgba(0,0,0,0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl button::-moz-focus-inner{border:0;padding:0}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:focus:only-child{border-radius:inherit}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;position:absolute;top:0;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-ctrl{transform:none}.mapboxgl-ctrl.mapboxgl-ctrl-group.extended-navigation-group{display:flex;flex-direction:row-reverse}.mapboxgl-ctrl.mapboxgl-ctrl-group.extended-navigation-group .navigation-button{border-top:none;box-shadow:none;display:block}.mapboxgl-ctrl.mapboxgl-ctrl-group.extended-navigation-group .navigation-button.-hide{display:none}.mapboxgl-ctrl.mapboxgl-ctrl-group.extended-navigation-group .navigation-button.-reset{background-color:#f2f2f2}.mapboxgl-ctrl.mapboxgl-ctrl-group.extended-navigation-group .navigation-button svg{height:20px;margin:auto;width:20px}.mapboxgl-canvas,.mapboxgl-popup-close-button{outline:none}.rating-modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.rating-modal{background:#f7fafc;border-radius:16px;box-shadow:0 6px 24px #0000001a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:420px;padding:24px;position:relative;width:100%}.rating-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.rating-modal .modal-header h3{color:#2d3748;font-size:22px;font-weight:700;letter-spacing:-.2px;margin:0}.rating-modal .modal-header .close-modal{background:none;border:none;color:#718096;cursor:pointer;font-size:24px;padding:4px;transition:all .3s ease-in-out}.rating-modal .modal-header .close-modal:hover{color:#f56565;transform:rotate(90deg)}.rating-modal .modal-body{margin-bottom:24px}.rating-modal .modal-body p{color:#718096;font-size:15px;line-height:1.5;margin-bottom:16px}.rating-modal .modal-body p strong{color:#2d3748;font-weight:600}.rating-modal .modal-body .rating-stars{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.rating-modal .modal-body .rating-stars .star{color:#e2e8f0;cursor:pointer;font-size:32px;transition:all .3s ease-in-out}.rating-modal .modal-body .rating-stars .star.selected{color:#f6e05e}.rating-modal .modal-body .rating-stars .star:hover{color:#f6e05e;transform:scale(1.2)}.rating-modal .modal-body textarea{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:inset 0 1px 3px #0000000d;color:#2d3748;font-size:15px;min-height:120px;padding:12px;resize:vertical;transition:all .3s ease-in-out;width:100%}.rating-modal .modal-body textarea:focus{border-color:#5a67d8;box-shadow:0 0 0 3px #5a67d81a;outline:none}.rating-modal .modal-body textarea::placeholder{color:#718096;font-style:italic}.rating-modal .modal-footer{display:flex;gap:12px;justify-content:flex-end}.rating-modal .modal-footer .cancel-button{background:#edf2f7;border:none;border-radius:12px;color:#2d3748;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease-in-out}.rating-modal .modal-footer .cancel-button:hover{background:#e2e8f0;transform:translateY(-1px)}.rating-modal .modal-footer .submit-rating{background:#48bb78;border:none;border-radius:12px;box-shadow:0 2px 8px #48bb7833;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease-in-out}.rating-modal .modal-footer .submit-rating:hover{background:#3faa6c;box-shadow:0 4px 12px #48bb784d;transform:translateY(-1px)}.rating-modal .modal-footer .submit-rating:disabled{background:#e2e8f0;box-shadow:none;cursor:not-allowed}@media(max-width:768px){.rating-modal{max-width:380px;padding:20px;width:90%}.rating-modal .modal-header h3{font-size:20px}.rating-modal .modal-header .close-modal{font-size:22px}.rating-modal .modal-body p{font-size:14px}.rating-modal .modal-body .rating-stars{gap:10px}.rating-modal .modal-body .rating-stars .star{font-size:28px}.rating-modal .modal-body textarea{font-size:14px;min-height:100px}.rating-modal .modal-footer .cancel-button,.rating-modal .modal-footer .submit-rating{font-size:13px;padding:8px 16px}}@media(max-width:480px){.rating-modal{padding:16px}.rating-modal .modal-header{margin-bottom:16px}.rating-modal .modal-header h3{font-size:18px}.rating-modal .modal-body{margin-bottom:16px}.rating-modal .modal-body .rating-stars{gap:8px}.rating-modal .modal-body .rating-stars .star{font-size:24px}}.rides-app{background-color:#f8fafc;color:#1e293b;font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;padding:2rem 1rem}.rides-app .container{margin:0 auto;max-width:1000px}.rides-app .rides-header{margin-bottom:2rem;text-align:center}.rides-app .rides-header h2{align-items:center;color:#1e293b;display:inline-flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.rides-app .rides-header h2 .header-icon{color:#3b82f6}.rides-app .rides-header .header-subtitle{color:#64748b;font-size:.95rem}.rides-app .active-ride-container{margin-bottom:3rem}.rides-app .ride-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.rides-app .ride-card.driver-mode{border-top:4px solid #3b82f6}.rides-app .ride-card.passenger-mode{border-top:4px solid #10b981}.rides-app .ride-card .ride-summary{grid-gap:1.5rem;align-items:center;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto;padding:1.5rem}.rides-app .ride-card .ride-summary:hover{background-color:#f8fafc}@media(max-width:768px){.rides-app .ride-card .ride-summary{gap:1rem;grid-template-columns:1fr}}.rides-app .ride-card .ride-summary .role-badge{align-items:center;background:#eff6ff;border-radius:12px;color:#3b82f6;display:flex;flex-direction:column;font-size:.75rem;font-weight:600;height:60px;justify-content:center;width:60px}.rides-app .ride-card .ride-summary .role-badge.passenger{background:#ecfdf5;color:#10b981}.rides-app .ride-card .ride-summary .role-badge svg{font-size:1.5rem;margin-bottom:4px}.rides-app .ride-card .ride-summary .route-info .locations-flow{align-items:center;display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:600;gap:1rem;margin-bottom:1rem}.rides-app .ride-card .ride-summary .route-info .locations-flow .loc{color:#1e293b}.rides-app .ride-card .ride-summary .route-info .locations-flow .arrow{color:#64748b}.rides-app .ride-card .ride-summary .route-info .progress-wrapper .progress-track{background:#e2e8f0;border-radius:10px;height:6px;overflow:visible;position:relative}.rides-app .ride-card .ride-summary .route-info .progress-wrapper .progress-track .progress-bar{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:10px;height:100%;position:relative}.rides-app .ride-card .ride-summary .route-info .progress-wrapper .progress-track .progress-bar .car-indicator{align-items:center;background:#fff;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#3b82f6;display:flex;font-size:10px;height:24px;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;z-index:2}.rides-app .ride-card .ride-summary .route-info .progress-wrapper .progress-text{color:#64748b;display:block;font-size:.85rem;margin-top:.5rem}.rides-app .ride-card .ride-summary .action-area{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}@media(max-width:768px){.rides-app .ride-card .ride-summary .action-area{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}}.rides-app .ride-card .ride-summary .action-area .status-pill{align-items:center;background:#ecfdf5;border-radius:20px;color:#10b981;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.rides-app .ride-card .ride-summary .action-area .status-pill .dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.rides-app .ride-card .ride-summary .action-area .btn-cancel{background:#fee2e2;border:none;border-radius:20px;color:#ef4444;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:.2s}.rides-app .ride-card .ride-summary .action-area .btn-cancel:hover{background:#ef4444;color:#fff}.rides-app .ride-card .ride-details-panel{background:#fafafa;border-top:1px solid #e2e8f0}.rides-app .ride-card .ride-details-panel .panel-content{padding:1.5rem}.rides-app .ride-card .ride-details-panel .info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.rides-app .ride-card .ride-details-panel .info-grid .info-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.rides-app .ride-card .ride-details-panel .info-grid .info-card label{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.5rem}.rides-app .ride-card .ride-details-panel .info-grid .info-card span{color:#1e293b;font-weight:600}.rides-app .ride-card .ride-details-panel .info-grid .info-card .badge-safe{align-items:center;color:#10b981;display:flex;gap:4px}.rides-app .ride-card .ride-details-panel .info-grid .info-card .badge-warn{align-items:center;color:#f59e0b;display:flex;gap:4px}.rides-app .ride-card .ride-details-panel .map-notify-split{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;height:450px}@media(max-width:900px){.rides-app .ride-card .ride-details-panel .map-notify-split{grid-template-columns:1fr;height:auto}}.rides-app .ride-card .ride-details-panel .map-notify-split .map-box{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:0 1px 2px 0 #0000000d;height:100%;min-height:300px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.rides-app .ride-card .ride-details-panel .map-notify-split .map-box .leaflet-container{height:100%;width:100%;z-index:1}.rides-app .ride-card .ride-details-panel .map-notify-split .map-box .map-overlay-ctrl{display:flex;flex-direction:column;gap:.5rem;position:absolute;right:1rem;top:1rem;z-index:400}.rides-app .ride-card .ride-details-panel .map-notify-split .map-box .map-overlay-ctrl button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;color:#1e293b;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.rides-app .ride-card .ride-details-panel .map-notify-split .map-box .map-overlay-ctrl button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.rides-app .ride-card .ride-details-panel .map-notify-split .map-box .map-overlay-ctrl button:hover{transform:scale(1.1)}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:0 1px 2px 0 #0000000d;display:flex;flex-direction:column;height:100%;max-height:450px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-header h4{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin:0}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-header .btn-refresh{background:none;border:none;color:#3b82f6;cursor:pointer}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-header .btn-refresh:hover{color:#2563eb}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-list{flex:1 1;overflow-y:auto;padding:.5rem}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-list .notify-item{border-bottom:1px solid #f1f5f9;display:flex;gap:.75rem;padding:.75rem}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-list .notify-item:last-child{border-bottom:none}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-list .notify-item .icon{color:#3b82f6;margin-top:2px}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-list .notify-item .content{font-size:.85rem}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-list .notify-item .content p{line-height:1.4;margin:0 0 4px}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-list .notify-item .content .time{color:#64748b;font-size:.75rem}.rides-app .ride-card .ride-details-panel .map-notify-split .notify-box .notify-list .empty-state{color:#64748b;font-size:.85rem;padding:2rem;text-align:center}.rides-app .empty-ride-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;overflow:hidden;padding:4rem 2rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.rides-app .empty-ride-placeholder .icon-placeholder{color:#e2e8f0;font-size:4rem;margin-bottom:1rem}.rides-app .empty-ride-placeholder h3{margin-bottom:.5rem}.rides-app .empty-ride-placeholder p{color:#64748b;margin-bottom:2rem}.rides-app .empty-ride-placeholder .btn-find{align-items:center;background:#3b82f6;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:.2s}.rides-app .empty-ride-placeholder .btn-find:hover{background:#2563eb;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.rides-app .history-section{margin-top:3rem}.rides-app .history-section .history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.rides-app .history-section .history-header h3{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem}.rides-app .history-section .history-header .btn-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.rides-app .history-section .history-header .btn-toggle:hover{background:#f8fafc}.rides-app .history-section .history-list{grid-gap:1rem;display:grid;gap:1rem}.rides-app .history-section .history-list .history-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;gap:1rem;overflow:hidden;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}@media(max-width:600px){.rides-app .history-section .history-list .history-item{align-items:flex-start;flex-direction:column}}.rides-app .history-section .history-list .history-item .icon-box{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;height:40px;justify-content:center;width:40px}.rides-app .history-section .history-list .history-item .icon-box.driver{background:#eff6ff;color:#3b82f6}.rides-app .history-section .history-list .history-item .info{flex:1 1}.rides-app .history-section .history-list .history-item .info .route{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.rides-app .history-section .history-list .history-item .info .route .arr{color:#64748b;font-size:.8rem}.rides-app .history-section .history-list .history-item .info .meta{color:#64748b;display:flex;font-size:.8rem;gap:1rem}.rides-app .history-section .history-list .history-item .actions{align-items:center;display:flex;gap:1rem}.rides-app .history-section .history-list .history-item .actions .status-badge{background:#ecfdf5;border-radius:20px;color:#10b981;font-size:.75rem;font-weight:600;padding:4px 10px}.rides-app .history-section .history-list .history-item .actions .btn-rate{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 12px}.rides-app .history-section .history-list .history-item .actions .btn-rate:hover{background:#2563eb}.admin-ride-details .site-layout{margin-left:200px;transition:margin-left .2s}@media(max-width:992px){.admin-ride-details .site-layout{margin-left:0!important}}.admin-ride-details .ride-details-content{padding:24px}@media(max-width:768px){.admin-ride-details .ride-details-content{padding:12px}}.admin-ride-details .ant-layout{background-color:#f8fafc}.admin-ride-details .ant-layout .ant-layout-content{background-color:#0000}.admin-ride-details .map-container{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:400px;margin-top:20px;width:100%}@media(max-width:768px){.admin-ride-details .map-container{height:300px}}.admin-ride-details .toggle-map-btn{background-color:#3182ce;border-color:#3182ce;border-radius:8px}.admin-ride-details .toggle-map-btn:hover{background-color:#2b6cb0;border-color:#2b6cb0}.admin-ride-details .driver-marker{filter:hue-rotate(220deg)}.admin-ride-details .passenger-marker{filter:hue-rotate(120deg)}.admin-ride-details .page-title{color:#1a365d;font-weight:600;margin-bottom:24px;padding-bottom:12px;position:relative}.admin-ride-details .page-title:after{background:linear-gradient(90deg,#3182ce,#63b3ed);border-radius:4px;bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.admin-ride-details .ant-card{border:none;border-radius:12px;box-shadow:0 4px 12px #00000014}.admin-ride-details .ant-card .ant-card-head{padding:16px 24px}@media(max-width:768px){.admin-ride-details .ant-card .ant-card-head{padding:12px 16px}}.admin-ride-details .ant-card .ant-card-body{padding:24px}@media(max-width:768px){.admin-ride-details .ant-card .ant-card-body{padding:16px}}.admin-ride-details .info-item{align-items:flex-start;display:flex;margin-bottom:12px}.admin-ride-details .info-item .ant-typography:first-child{color:#4a5568;flex:0 0 140px}.admin-ride-details .info-item .ant-typography:last-child{color:#1a202c;font-weight:500;word-break:break-word}@media(max-width:576px){.admin-ride-details .info-item{flex-direction:column}.admin-ride-details .info-item .ant-typography:first-child{flex:auto;font-size:13px;margin-bottom:2px}}.ride-table-container{overflow-x:auto}.ride-table{border-collapse:collapse;margin-top:20px;width:100%}.ride-table td,.ride-table th{border-bottom:1px solid #e8e8e8;padding:12px;text-align:left}.ride-table th{background-color:#f5f5f5;font-weight:600}.ride-table tr:hover{background-color:#fafafa}.ride-table .action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;gap:5px;padding:5px 10px}.ride-table .action-btn.view{background-color:#1890ff;color:#fff}.pagination-container{margin-top:20px;text-align:right}.report-user-site{background-color:#fff;border:1px solid #cbcbcb;border-radius:12px;display:flex;flex:4 1;flex-direction:column;font-family:Arial,sans-serif;max-height:600px;overflow:hidden;width:40%}@media(max-width:1024px){.report-user-site{flex:auto;margin-bottom:20px;width:100%}}.report-user-site:hover{box-shadow:0 2px 12px #0000001a}.accept-reject-btn{background:#fff;border-bottom:1px solid #eaeaea;display:flex;flex-wrap:wrap;gap:10px;padding:16px}.accept-reject-btn button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:background-color .2s ease;white-space:nowrap}.accept-reject-btn button.accept-report{background-color:#ff4d4f;color:#fff}.accept-reject-btn button.accept-report:hover{background-color:#ff7875}.accept-reject-btn button.reject-report{background-color:#f0f0f0;color:#333}.accept-reject-btn button.reject-report:hover{background-color:#d9d9d9}.report-container{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:0}.report-container .report-card{align-items:flex-start;border-bottom:1px solid #f0f2f5;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.report-container .report-card:hover{background:#fafafa}.report-container .report-card .avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.report-container .report-card .name-reason{display:flex;flex:1 1;flex-direction:column;gap:4px}.report-container .report-card .name-reason .name-user-report{color:#1c1e21;font-size:14px}.report-container .report-card .name-reason .processed-status,.report-container .report-card .name-reason .reason-report,.report-container .report-card .name-reason .violation-details{color:#65676b;font-size:13px;line-height:1.4;margin:0}.report-container .report-card .name-reason .status-report{display:inline-block;font-size:12px;margin-top:4px}.report-container .report-card .name-reason .status-report.pending{color:orange}.report-container .report-card .name-reason .status-report.resolved{color:green}.report-container .report-card .name-reason .status-report.rejected{color:red}.user-user-report-container-ur{width:100%}.user-user-report-container-ur .section-title-ur{color:#1a1a1a;font-size:20px;font-weight:700;margin-bottom:20px;padding-left:4px}.user-user-report-container-ur .report-list-ur{display:flex;flex-direction:column;gap:24px}.user-user-report-container-ur .report-card-container-ur{background:#fff;border:1px solid #e4e6eb;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;overflow:hidden}@media(max-width:992px){.user-user-report-container-ur .report-card-container-ur{flex-direction:column}}.user-user-report-container-ur .report-card-container-ur .reported-user-card-ur{background:#f7f8fa;border-right:1px solid #e4e6eb;display:flex;flex-direction:column;justify-content:center;padding:20px;width:35%}@media(max-width:992px){.user-user-report-container-ur .report-card-container-ur .reported-user-card-ur{border-bottom:1px solid #e4e6eb;border-right:none;padding:16px;width:100%}}.user-user-report-container-ur .report-card-container-ur .reported-user-card-ur .reported-user-info-ur{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.user-user-report-container-ur .report-card-container-ur .reported-user-card-ur .reported-user-info-ur .avatar-ur{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:80px;object-fit:cover;width:80px}.user-user-report-container-ur .report-card-container-ur .reported-user-card-ur .reported-user-info-ur .reported-user-details-ur .reported-user-ur{color:#050505;display:block;font-size:16px;margin-bottom:4px}.user-user-report-container-ur .report-card-container-ur .reported-user-card-ur .reported-user-info-ur .reported-user-details-ur .total-reports-ur{background:#e4e6eb;border-radius:20px;color:#65676b;display:inline-block;font-size:14px;padding:4px 12px}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur{display:flex;flex-direction:column;padding:20px;width:65%}@media(max-width:992px){.user-user-report-container-ur .report-card-container-ur .report-details-card-ur{width:100%}}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-actions-ur{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-actions-ur button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-actions-ur button.accept-btn-ur{background:#ff4d4f;color:#fff}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-actions-ur button.accept-btn-ur:hover{background:#ff7875}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-actions-ur button.reject-btn-ur{background:#1890ff;color:#fff}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-actions-ur button.reject-btn-ur:hover{background:#40a9ff}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-details-ur{display:flex;flex-direction:column;gap:12px}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-details-ur .divider-ur{border:0;border-top:1px solid #f0f2f5;margin:0 0 16px}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-details-ur .report-info-ur{display:flex;gap:12px}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-details-ur .report-info-ur .avatar-ur{border-radius:50%;height:40px;width:40px}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-details-ur .report-info-ur .report-content-ur{flex:1 1;font-size:14px}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-details-ur .report-info-ur .report-content-ur p{color:#444;margin:4px 0}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-details-ur .report-info-ur .report-content-ur .reason-ur{color:#d9363e}.user-user-report-container-ur .report-card-container-ur .report-details-card-ur .report-details-ur .report-info-ur .report-content-ur .report-date-ur{color:#888;font-size:12px}.all-posts-report{display:flex;flex-direction:column;gap:20px;height:100%;margin:10px auto 0;padding:0 12px;width:100%}.all-posts-report .post-container{align-items:flex-start;display:flex;gap:20px;width:100%}@media(max-width:1024px){.all-posts-report .post-container{flex-direction:column}}.all-posts-report .post-container .post{background:#fff;border:1px solid #cbcbcb;border-radius:8px;box-shadow:0 1px 2px #0000001a;flex:6 1;overflow:hidden;position:relative;transition:all .2s ease;width:60%}@media(max-width:1024px){.all-posts-report .post-container .post{flex:auto;width:100%}}.all-posts-report .post-container .post:hover{box-shadow:0 2px 12px #0000001a}.all-posts-report .post-container .post .header-post{align-items:flex-start;display:flex;justify-content:space-between;padding:12px 16px}.all-posts-report .post-container .post .header-post .AvaName{align-items:center;display:flex;gap:12px}.all-posts-report .post-container .post .header-post .AvaName .avtardefaut{border-radius:50%;height:40px;object-fit:cover;width:40px}.all-posts-report .post-container .post .header-post .AvaName .user-info{display:flex;flex-direction:column}.all-posts-report .post-container .post .header-post .AvaName .user-info strong{color:#050505;cursor:pointer;font-size:16px}.all-posts-report .post-container .post .header-post .AvaName .user-info strong:hover{text-decoration:underline}.all-posts-report .post-container .post .header-post .AvaName .user-info .status-time-post{align-items:center;color:#65676b;display:flex;font-size:12px;gap:8px}.all-posts-report .post-container .post .content-posts{color:#050505;font-size:15px;line-height:1.5;padding:0 16px 12px}.all-posts-report .post-container .post .media-container{grid-gap:2px;background:#fff;display:grid;gap:2px}.all-posts-report .post-container .post .media-container .media-item{background:#f0f2f5;overflow:hidden;position:relative}.all-posts-report .post-container .post .media-container .media-item img,.all-posts-report .post-container .post .media-container .media-item video{display:block;height:100%;object-fit:cover;width:100%}.all-posts-report .post-container .post .media-container.single-image .media-item,.all-posts-report .post-container .post .media-container.single-video .media-item{max-height:500px}.all-posts-report .post-container .post .media-container.two-items{grid-template-columns:1fr 1fr;height:300px}@media(max-width:768px){.all-posts-report .post-container .post .media-container.two-items{height:200px}}.all-posts-report .post-container .post .media-container.multi-items{grid-template-columns:1fr 1fr;height:300px}@media(max-width:768px){.all-posts-report .post-container .post .media-container.multi-items{height:250px}}.all-posts-report .post-container .post .media-container.multi-items .media-item{height:100%}.all-posts-report .post-container .post .post-actions-summary{border-top:1px solid #f0f2f5;color:#65676b;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px}.all-posts-report .post-container .post .post-actions-summary .comments-shares,.all-posts-report .post-container .post .post-actions-summary .reactions{align-items:center;display:flex;gap:6px}.all-posts-report .error-message,.all-posts-report .no-posts{background:#fff;border-radius:8px;color:#65676b;padding:40px;text-align:center}.user-management{background:#f5f5f5;min-height:100vh;padding:20px 20px 20px 220px}.user-management h1{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.user-management .search-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;margin-bottom:20px;max-width:400px;padding:10px 15px}.user-management .search-bar .search-icon{color:#666;font-size:18px;margin-right:10px}.user-management .search-bar input{background:#0000;border:none;color:#333;font-size:15px;outline:none;width:100%}.user-management .search-bar input::placeholder{color:#aaa}.user-management .users-table{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-top:20px;overflow-x:auto}.user-management .users-table table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.user-management .users-table table td,.user-management .users-table table th{color:#333;font-size:14px;padding:14px 12px;text-align:center;vertical-align:middle}.user-management .users-table table th{background:#3498db;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-management .users-table table th:first-child{border-top-left-radius:8px}.user-management .users-table table th:last-child{border-top-right-radius:8px}.user-management .users-table table td{background:#fff;border-bottom:1px solid #eee;white-space:nowrap}.user-management .users-table table td.phone-cell{gap:8px}.user-management .users-table table td.phone-cell span{min-width:80px;overflow:hidden;text-overflow:ellipsis}.user-management .users-table table td.phone-cell .toggle-visibility{background:none;border:none;color:#3498db;cursor:pointer;font-size:16px;transition:color .2s}.user-management .users-table table td.phone-cell .toggle-visibility:hover{color:#2980b9}.user-management .users-table table tr:hover td{background:#f9f9f9}.user-management .users-table table .actions{display:flex;gap:8px;justify-content:center}.user-management .users-table table .actions button{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:6px;transition:all .3s}.user-management .users-table table .actions button:hover:not(:disabled){color:#3498db}.user-management .users-table table .actions button:disabled{color:#ccc;cursor:not-allowed}@media(max-width:768px){.user-management{padding:16px}.user-management h1{font-size:20px;margin-bottom:16px}.user-management .search-bar{max-width:100%;padding:8px 12px}.user-management .search-bar .search-icon{font-size:16px}.user-management .search-bar input{font-size:14px}.user-management .users-table table{min-width:800px}.user-management .users-table table td,.user-management .users-table table th{font-size:12px;padding:10px}.user-management .users-table table .actions{gap:6px}.user-management .users-table table .actions button{font-size:16px}}.user-management .ant-modal .ant-modal-title{font-size:18px;font-weight:700}.user-management .ant-modal .ant-picker{width:100%}td.phone-cell{margin-left:30px}.site-404{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;padding:20px;text-align:center}.site-404 .error-404{color:#dc3545;font-size:5rem;font-weight:700;margin-bottom:20px}.site-404 .notify{color:#6c757d;font-size:1.5rem;margin-bottom:30px}.site-404 .backHome{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.site-404 .backHome:hover{background-color:#0062cc;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.site-404 .backHome:active{transform:translateY(0)}*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;font-family:Be Vietnam Pro,Inter,sans-serif;line-height:1.6;overflow-x:hidden}.landing-container{width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.hero-section{align-items:center;background:linear-gradient(135deg,#7f1d1d,#991b1b 50%,#dc2626);color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;text-align:center}.hero-section .hero-background{bottom:0;left:0;position:absolute;right:0;top:0}.hero-section .hero-background .gradient-overlay{background:radial-gradient(circle at 20% 80%,#dc262666 0,#0000 50%),radial-gradient(circle at 80% 20%,#ea580c4d 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}.hero-section .hero-content{max-width:800px;padding:0 20px;position:relative;z-index:2}.hero-section .dtu-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.hero-section .dtu-logo .logo-letters{display:flex;gap:20px;margin-bottom:20px}.hero-section .dtu-logo .logo-letters .letter-d,.hero-section .dtu-logo .logo-letters .letter-t{background:linear-gradient(135deg,#fff,#fef2f2);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Be Vietnam Pro,sans-serif;font-size:6rem;font-weight:900;text-shadow:0 4px 20px #ffffff4d}@media(max-width:768px){.hero-section .dtu-logo .logo-letters .letter-d,.hero-section .dtu-logo .logo-letters .letter-t{font-size:4rem}}.hero-section .dtu-logo .logo-text{text-align:center}.hero-section .dtu-logo .logo-text .university-text{color:#fff;font-size:2rem;font-weight:700;letter-spacing:3px;margin-bottom:5px}@media(max-width:768px){.hero-section .dtu-logo .logo-text .university-text{font-size:1.5rem;letter-spacing:2px}}.hero-section .dtu-logo .logo-text .sharing-text{background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:800}@media(max-width:768px){.hero-section .dtu-logo .logo-text .sharing-text{font-size:2rem}}.hero-section .hero-subtitle{font-size:1.4rem;font-weight:400;line-height:1.6;margin-bottom:50px}.hero-section .hero-subtitle .highlight{color:#ea580c;font-weight:600}@media(max-width:768px){.hero-section .hero-subtitle{font-size:1.1rem}}.hero-section .hero-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.hero-section .scroll-indicator{bottom:30px;color:#fffc;font-size:.9rem;left:50%;position:absolute;transform:translateX(-50%)}.hero-section .scroll-indicator .arrow-down{animation:bounce 2s infinite;border-bottom:2px solid #ea580c;border-right:2px solid #ea580c;height:20px;margin:10px auto 0;transform:rotate(45deg);width:20px}.btn-primary{background:#ea580c;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:#b9460a;box-shadow:0 10px 30px #ea580c66;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#fff;color:#dc2626;transform:translateY(-3px)}.btn-outline{background:#0000;border:2px solid #dc2626;border-radius:50px;color:#dc2626;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline:hover{background:#dc2626;color:#fff;transform:translateY(-3px)}.features-section{background:#f8f9fa;padding:100px 0}@media(max-width:768px){.features-section{padding:80px 20px}}.features-section .section-title{color:#991b1b;font-size:3rem;font-weight:800;margin-bottom:80px;position:relative;text-align:center}.features-section .section-title:after{background:#ea580c;border-radius:5px;bottom:-20px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100px}@media(max-width:768px){.features-section .section-title{font-size:2.2rem}}.features-section .features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.features-section .feature-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #dc262626;overflow:hidden;padding:50px 30px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.features-section .feature-card:hover{box-shadow:0 20px 50px #dc262640;transform:translateY(-8px)}.features-section .feature-card:before{background:linear-gradient(90deg,#dc2626,#ea580c);content:"";height:5px;left:0;position:absolute;right:0;top:0}.features-section .feature-card .feature-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fff);border:3px solid #dc2626;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 25px;width:80px}.features-section .feature-card .feature-icon .emoji{font-size:2rem}.features-section .feature-card h3{color:#991b1b;font-size:1.4rem;font-weight:700;margin-bottom:20px}.features-section .feature-card p{color:#6c757d;line-height:1.7;margin-bottom:25px}.features-section .feature-card .feature-image{margin:0 auto;max-width:200px;width:100%}.features-section .feature-card .feature-image img{border-radius:10px;height:auto;opacity:.9;width:100%}.testimonials-section{background:#fff;padding:100px 0}@media(max-width:768px){.testimonials-section{padding:80px 20px}}.testimonials-section .section-title{color:#991b1b;font-size:3rem;font-weight:800;margin-bottom:80px;text-align:center}@media(max-width:768px){.testimonials-section .section-title{font-size:2.2rem}}.testimonials-section .testimonials-container{align-items:center;display:flex;gap:30px;position:relative}.testimonials-section .testimonials-grid{grid-gap:40px;display:grid;flex:1 1;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.testimonials-section .testimonial-card{background:#fff;border-left:5px solid #ea580c;border-radius:16px;box-shadow:0 10px 40px #dc262626;padding:40px 30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.testimonials-section .testimonial-card:hover{box-shadow:0 20px 50px #dc262640;transform:translateY(-8px)}.testimonials-section .testimonial-card .testimonial-content p{color:#2d3748;font-size:1.1rem;font-style:italic;line-height:1.7;margin-bottom:30px;position:relative}.testimonials-section .testimonial-card .testimonial-content p:before{color:#dc2626;content:'"';font-family:Georgia,serif;font-size:4rem;left:-10px;opacity:.3;position:absolute;top:-20px}.testimonials-section .testimonial-card .testimonial-content .testimonial-author{align-items:center;display:flex;gap:15px}.testimonials-section .testimonial-card .testimonial-content .testimonial-author img{border:3px solid #dc2626;border-radius:50%;height:60px;object-fit:cover;width:60px}.testimonials-section .testimonial-card .testimonial-content .testimonial-author .author-info h4{color:#991b1b;font-weight:700;margin-bottom:5px}.testimonials-section .testimonial-card .testimonial-content .testimonial-author .author-info span{color:#6c757d;font-size:.9rem}.testimonials-section .arrow-btn{align-items:center;background:#dc2626;border:none;border-radius:50%;box-shadow:0 5px 20px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.testimonials-section .arrow-btn:hover{background:#ea580c;transform:scale(1.1)}@media(max-width:768px){.testimonials-section .arrow-btn{display:none}}.cta-section{background:linear-gradient(135deg,#fef2f2,#fcdada);padding:100px 0;text-align:center}@media(max-width:768px){.cta-section{padding:80px 20px}}.cta-section .cta-content{margin:0 auto;max-width:700px}.cta-section .cta-content .cta-logo{align-items:center;display:inline-flex;flex-direction:column;margin-bottom:40px}.cta-section .cta-content .cta-logo .logo-letters{display:flex;gap:15px;margin-bottom:15px}.cta-section .cta-content .cta-logo .logo-letters .letter-d,.cta-section .cta-content .cta-logo .logo-letters .letter-t{color:#991b1b;font-size:4rem;font-weight:900}@media(max-width:768px){.cta-section .cta-content .cta-logo .logo-letters .letter-d,.cta-section .cta-content .cta-logo .logo-letters .letter-t{font-size:3rem}}.cta-section .cta-content .cta-logo .logo-text{text-align:center}.cta-section .cta-content .cta-logo .logo-text .university-text{color:#991b1b;font-size:1.5rem;font-weight:700;letter-spacing:2px;margin-bottom:3px}.cta-section .cta-content .cta-logo .logo-text .sharing-text{color:#ea580c;font-size:2rem;font-weight:800}.cta-section .cta-content h2{color:#991b1b;font-size:3rem;font-weight:800;margin-bottom:20px}@media(max-width:768px){.cta-section .cta-content h2{font-size:2.2rem}}.cta-section .cta-content p{color:#6c757d;font-size:1.3rem;line-height:1.6;margin-bottom:50px}.cta-section .cta-content .cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(-10px)}60%{transform:rotate(45deg) translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.features-grid,.testimonials-grid{grid-template-columns:1fr}.cta-buttons,.hero-buttons{align-items:center;flex-direction:column}.section-title{font-size:2rem!important}.dtu-logo .logo-letters{gap:10px!important}}.text-gradient{background:linear-gradient(135deg,#dc2626,#ea580c);-webkit-background-clip:text;background-clip:text;color:#0000}.bg-gradient{background:linear-gradient(135deg,#dc2626,#991b1b)}.accommodation-map-container{display:flex;flex-direction:column;height:100vh}.accommodation-map-container .map-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:16px}.accommodation-map-container .map-header .search-container{flex:1 1;max-width:400px}.accommodation-map-container .map-header .search-container .search-input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 16px;width:100%}.accommodation-map-container .map-header .search-container .search-input:focus{border-color:#1976d2;outline:none}.accommodation-map-container .map-header .create-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:16px;padding:10px 20px}.accommodation-map-container .map-header .create-button:hover{background:#1565c0}.accommodation-map-container .map-content{display:flex;flex:1 1;position:relative}.accommodation-map-container .map-content .main-map{flex:1 1;height:100%;pointer-events:auto!important;position:relative;z-index:0!important}.accommodation-map-container .map-content .detail-sidebar{background:#fff;border-left:1px solid #e0e0e0;bottom:0;box-shadow:-2px 0 8px #0000001a;overflow-y:auto;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:10}.accommodation-map-container .map-content .detail-sidebar.open{transform:translateX(0)}.accommodation-map-container .map-content .detail-sidebar .sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px;position:relative}.accommodation-map-container .map-content .detail-sidebar .sidebar-header h3{color:#333;font-size:18px;margin:0}.accommodation-map-container .map-content .detail-sidebar .sidebar-header .more-button{background:none;border:none;color:#666;cursor:pointer;font-size:20px;margin-left:auto;margin-right:8px}.accommodation-map-container .map-content .detail-sidebar .sidebar-header .more-button:hover{color:#333}.accommodation-map-container .map-content .detail-sidebar .sidebar-header .close-button{background:none;border:none;color:#666;cursor:pointer;font-size:20px}.accommodation-map-container .map-content .detail-sidebar .sidebar-header .close-button:hover{color:#333}.accommodation-map-container .map-content .detail-sidebar .more-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:150px;position:absolute;right:16px;top:50px;z-index:100}.accommodation-map-container .map-content .detail-sidebar .more-menu .menu-item{cursor:pointer;padding:12px 20px}.accommodation-map-container .map-content .detail-sidebar .more-menu .menu-item:hover{background:#f5f5f5}.accommodation-map-container .map-content .detail-sidebar .more-menu .menu-item.delete{color:#e53935}.accommodation-map-container .map-content .detail-sidebar .more-menu .menu-item.delete:hover{background:#ffebee}.accommodation-map-container .map-content .detail-sidebar .sidebar-content{padding:16px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .user-profile{align-items:center;display:flex;gap:12px;margin-bottom:16px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .user-profile .profile-pic{background:#f0f0f0;border-radius:50%;height:50px;object-fit:cover;width:50px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .user-profile .user-info{flex:1 1}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .user-profile .user-info .user-name{color:#333;font-size:16px;font-weight:600}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .user-profile .user-info .phone-number{color:#666;font-size:14px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .user-profile .user-info .trust-score{color:#1976d2;font-size:14px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .post-title{color:#333;font-size:20px;font-weight:600;line-height:1.4;margin-bottom:12px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .post-content{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .accommodation-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .accommodation-details-grid .detail-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px;text-align:center}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .accommodation-details-grid .detail-card .detail-value{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .accommodation-details-grid .detail-card .detail-value.price{color:#e53935}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .accommodation-details-grid .detail-card .detail-value.area{color:#1976d2}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .accommodation-details-grid .detail-card .detail-value.rating{align-items:center;color:#ff9800;display:flex;gap:4px;justify-content:center}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .accommodation-details-grid .detail-card .detail-label{color:#666;font-size:12px;text-transform:uppercase}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .address-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:12px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .address-section .address-label{color:#666;font-size:12px;margin-bottom:4px;text-transform:uppercase}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .address-section .address-value{color:#333;font-size:14px;line-height:1.4}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .created-at-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:12px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .created-at-section .created-label{color:#666;font-size:12px;margin-bottom:4px;text-transform:uppercase}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .created-at-section .created-value{color:#333;font-size:14px;line-height:1.4}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .reviews-section .reviews-toggle{align-items:center;color:#1976d2;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .reviews-section .reviews-toggle:hover{text-decoration:underline}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .reviews-section .reviews-list{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px}.accommodation-map-container .map-content .detail-sidebar .sidebar-content .reviews-section .reviews-list p{color:#666;font-style:italic;margin:0;text-align:center}.loading-posts{border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;padding:20px}.error-message,.no-posts{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.no-posts{background:#fff;border-radius:8px;color:#666;padding:40px}.no-posts,.status-badge{box-shadow:0 2px 8px #0000001a}.status-badge{align-items:center;border-radius:25px;color:#fff!important;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;min-width:fit-content;padding:8px 16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{color:#666;font-size:12px;font-weight:500;text-transform:uppercase}.form-group .form-input,.form-group .form-select,.form-group .form-textarea{border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.form-group .form-input:focus,.form-group .form-select:focus,.form-group .form-textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.form-group .form-textarea{min-height:80px;resize:vertical}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px}.form-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.amenities-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.amenities-grid .amenity-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.amenities-grid .amenity-item:hover{background:#f0f7ff;border-color:#1976d2}.amenities-grid .amenity-item.selected{background:#e3f2fd;border-color:#1976d2}.amenities-grid .amenity-item.selected .amenity-checkbox{background:#1976d2;border-color:#1976d2}.amenities-grid .amenity-item.selected .amenity-checkbox:after{color:#fff;content:"✓";font-size:10px;font-weight:700}.amenities-grid .amenity-item .amenity-checkbox{align-items:center;border:2px solid #e0e0e0;border-radius:3px;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .2s ease;width:16px}.amenities-grid .amenity-item .amenity-label{color:#333;font-size:13px}.cancel-button{background:none;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.cancel-button:hover{background:#f5f5f5;border-color:#ccc}@media(max-width:768px){.amenities-grid{grid-template-columns:1fr}.sidebar-header .create-button{margin-left:0!important}}.create-instruction{background:#e3f2fd;border:1px solid #1976d2;border-radius:8px;color:#1976d2;font-size:14px;margin-bottom:16px;padding:12px}.create-instruction strong{font-weight:600}.location-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;font-size:14px;margin-top:8px;padding:12px}.location-info strong{color:#333}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media(max-width:768px){.form-row{grid-template-columns:1fr}.sidebar-header .create-button{margin-left:0!important}}.radius-legend{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 12px #00000026;min-width:200px;padding:12px}.radius-legend .legend-item{gap:10px;margin-bottom:8px}.radius-legend .legend-item .legend-color{flex-shrink:0;height:14px;width:14px}.radius-legend .legend-item .legend-color.display-area{background:#1976d20d;border-style:dashed}.radius-legend .legend-item span{color:#333;line-height:1.3}@media(max-width:768px){.radius-legend{bottom:10px;left:10px;min-width:auto;right:10px}.radius-legend .legend-item{gap:8px}.radius-legend .legend-item span{font-size:11px}}.loading-posts{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;color:#666;left:50%;min-width:200px;padding:30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.loading-posts:after{animation:spin 1s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#1976d2;content:"";display:block;height:20px;margin:16px auto 0;width:20px}.main-map:empty{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#666;display:flex!important;font-size:16px;justify-content:center}.main-map:empty:before{content:"🔄 Đang tải bản đồ..."}.reviews-section{margin-bottom:16px}.reviews-section .reviews-header{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background .2s ease}.reviews-section .reviews-header:hover{background:#e9ecef}.reviews-section .reviews-header .reviews-title{align-items:center;color:#1976d2;display:flex;font-size:14px;font-weight:500;gap:8px}.reviews-section .reviews-header .average-rating{color:#ff9800;font-size:14px;font-weight:600}.reviews-section .reviews-content{margin-top:12px}.reviews-section .reviews-content .error-reviews,.reviews-section .reviews-content .loading-reviews{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;padding:12px;text-align:center}.reviews-section .reviews-content .error-reviews{background:#ffebee;border-color:#ffcdd2;color:#e53935}.reviews-section .reviews-content .no-reviews{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;padding:20px;text-align:center}.reviews-section .reviews-content .no-reviews p{font-style:italic;margin:0}.reviews-section .reviews-content .reviews-list .review-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:16px}.reviews-section .reviews-content .reviews-list .review-item .review-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.reviews-section .reviews-content .reviews-list .review-item .review-header .reviewer-avatar{background:#f0f0f0;border-radius:50%;height:40px;object-fit:cover;width:40px}.reviews-section .reviews-content .reviews-list .review-item .review-header .reviewer-info{flex:1 1}.reviews-section .reviews-content .reviews-list .review-item .review-header .reviewer-info .reviewer-name{color:#333;display:block;font-size:14px;font-weight:600}.reviews-section .reviews-content .reviews-list .review-item .review-header .reviewer-info .review-date{color:#666;font-size:12px}.reviews-section .reviews-content .reviews-list .review-item .review-header .review-actions{display:flex;gap:4px}.reviews-section .reviews-content .reviews-list .review-item .review-header .review-actions .delete-btn,.reviews-section .reviews-content .reviews-list .review-item .review-header .review-actions .edit-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:4px;transition:background .2s ease}.reviews-section .reviews-content .reviews-list .review-item .review-header .review-actions .delete-btn:hover,.reviews-section .reviews-content .reviews-list .review-item .review-header .review-actions .edit-btn:hover{background:#f0f0f0;color:#333}.reviews-section .reviews-content .reviews-list .review-item .review-header .review-actions .delete-btn.delete-btn:hover,.reviews-section .reviews-content .reviews-list .review-item .review-header .review-actions .edit-btn.delete-btn:hover{color:#e53935}.reviews-section .reviews-content .reviews-list .review-item .review-body .rating-stars{display:flex;gap:2px;margin-bottom:8px}.reviews-section .reviews-content .reviews-list .review-item .review-body .rating-stars .star{color:#ff9800;font-size:16px}.reviews-section .reviews-content .reviews-list .review-item .review-body .review-comment{color:#333;font-size:14px;line-height:1.5;margin:0}.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .rating-stars{margin-bottom:8px}.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-comment{border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;min-height:60px;padding:8px;resize:vertical;width:100%}.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-comment:focus{border-color:#1976d2;outline:none}.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .cancel-btn,.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .save-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .cancel-btn.save-btn,.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .save-btn.save-btn{background:#1976d2;color:#fff}.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .cancel-btn.save-btn:hover,.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .save-btn.save-btn:hover{background:#1565c0}.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .cancel-btn.cancel-btn,.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .save-btn.cancel-btn{background:#f5f5f5;color:#666}.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .cancel-btn.cancel-btn:hover,.reviews-section .reviews-content .reviews-list .review-item .review-body .edit-form .edit-buttons .save-btn.cancel-btn:hover{background:#e0e0e0}.reviews-section .reviews-content .reviews-list .review-item .review-status{background:#fff3cd;border-radius:4px;color:#856404;display:inline-block;font-size:12px;margin-top:8px;padding:4px 8px}.reviews-section .reviews-content .add-review-section{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.reviews-section .reviews-content .add-review-section .add-review-btn{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s ease}.reviews-section .reviews-content .add-review-section .add-review-btn:hover{background:#1565c0}.reviews-section .reviews-content .add-review-section .new-review-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:12px;padding:16px}.reviews-section .reviews-content .add-review-section .new-review-form .rating-stars{margin-bottom:12px}.reviews-section .reviews-content .add-review-section .new-review-form .new-comment{border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;margin-bottom:12px;min-height:80px;padding:8px;resize:vertical;width:100%}.reviews-section .reviews-content .add-review-section .new-review-form .new-comment:focus{border-color:#1976d2;outline:none}.reviews-section .reviews-content .add-review-section .new-review-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.reviews-section .reviews-content .add-review-section .new-review-form .form-row .score-input{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;padding:8px}.reviews-section .reviews-content .add-review-section .new-review-form .form-row .score-input:focus{border-color:#1976d2;outline:none}.reviews-section .reviews-content .add-review-section .new-review-form .submit-review-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s ease;width:100%}.reviews-section .reviews-content .add-review-section .new-review-form .submit-review-btn:hover{background:#45a049}@media(max-width:768px){.reviews-section .reviews-header{padding:10px}.reviews-section .reviews-content .new-review-form .form-row{grid-template-columns:1fr}}.sidebar-content{min-height:100vh;overflow-y:auto;padding-bottom:80px}.reviews-section{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:16px}.reviews-header{background:linear-gradient(135deg,#f0f8ff,#e3f2fd)!important;border:2px solid #1976d2!important;border-radius:8px!important;cursor:pointer!important;font-size:16px!important;font-weight:700!important;padding:12px 16px!important;transition:all .3s ease!important}.reviews-header:hover{background:#e3f2fd!important;transform:scale(1.02)}.reviews-header .reviews-title{color:#1976d2!important}.reviews-header .average-rating{color:#ff9800!important}.radius-filter-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:320px;min-width:280px;padding:12px}.radius-filter-container .filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.radius-filter-container .filter-header .filter-title{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:6px}.radius-filter-container .filter-header .clear-filter-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:4px 8px}.radius-filter-container .filter-header .clear-filter-btn:hover{background:#f5f5f5;color:#333}.radius-filter-container .filter-content{display:flex;flex-direction:column;gap:10px}.radius-filter-container .filter-row{align-items:center;display:flex;gap:8px}.radius-filter-container .filter-row .filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;min-width:0;padding:8px 10px;transition:border-color .2s ease}.radius-filter-container .filter-row .filter-select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.radius-filter-container .filter-row .filter-select:hover{border-color:#ccc}.radius-filter-container .filter-row .filter-icon{color:#1976d2;flex-shrink:0;font-size:14px}.radius-filter-container .filter-info{background:#f8f9fa;border-left:3px solid #1976d2;border-radius:4px;color:#666;font-size:11px;font-style:italic;line-height:1.3;padding:6px 8px}.radius-filter-container .filter-results{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:500;margin-top:8px;padding:6px;text-align:center}.radius-filter-compact{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;margin-left:16px;padding:8px 12px}.radius-filter-compact .filter-group{align-items:center;display:flex;gap:8px}.radius-filter-compact .filter-group label{color:#666;font-size:12px;white-space:nowrap}.radius-filter-compact .filter-group .filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:12px;min-width:120px;padding:6px 8px}.radius-filter-compact .filter-group .filter-select:focus{border-color:#1976d2;outline:none}.radius-filter-compact .filter-results{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:11px;font-weight:500;padding:4px 8px;white-space:nowrap}.radius-filter-compact .clear-filter-btn{background:none;border:none;color:#666;cursor:pointer;font-size:12px;padding:4px}.radius-filter-compact .clear-filter-btn:hover{color:#333}@media(max-width:1024px){.radius-filter-container{max-width:280px}.radius-filter-compact{margin-left:12px}.radius-filter-compact .filter-group .filter-select{min-width:100px}}@media(max-width:768px){.radius-filter-container{max-width:100%;padding:10px}.radius-filter-container .filter-row{align-items:stretch;flex-direction:column;gap:6px}.radius-filter-compact{flex-direction:column;gap:8px;margin-left:0;margin-top:12px;width:100%}.radius-filter-compact .filter-group{width:100%}.radius-filter-compact .filter-group .filter-select{flex:1 1;min-width:0}}.tt-circle{pointer-events:none}.custom-radius-circle{stroke:#1976d2;stroke-width:2;stroke-dasharray:5,5;fill:#1976d21a;fill-opacity:.2}.radius-legend{background:#fff;border-radius:6px;bottom:20px;box-shadow:0 2px 8px #0003;font-size:12px;left:20px;padding:8px 12px;position:absolute;z-index:1000}.radius-legend .legend-item{align-items:center;display:flex;gap:8px;margin-bottom:4px}.radius-legend .legend-item .legend-color{background:#1976d21a;border:2px solid #1976d2;border-radius:50%;height:12px;width:12px}.radius-legend .legend-item:last-child{margin-bottom:0}.search-ai-container{position:relative;z-index:1000}.ai-chat-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:120px;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:1001}.ai-chat-button:hover{box-shadow:0 6px 25px #0006;transform:scale(1.1)}.ai-chat-button.active{background:linear-gradient(135deg,#f093fb,#f5576c);transform:scale(1.1)}.ai-chat-button .ai-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ai-answer-bubble{animation:slideInUp .3s ease;background:#fff;border-left:1px solid #e0e0e0;border-radius:12px;bottom:190px;box-shadow:-2px 0 8px #0000001a;overflow:hidden;position:fixed;right:30px;width:400px;z-index:1002}.ai-answer-bubble .bubble-content{background:#fff;border-radius:12px;color:#333;padding:16px 20px;position:relative}.ai-answer-bubble .bubble-text{font-size:14px;line-height:1.5;margin-right:25px}.ai-answer-bubble .bubble-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:24px}.ai-answer-bubble .bubble-close:hover{background:#e0e0e0}.ai-chat-panel{animation:slideInUp .3s ease;background:#fff;border-left:1px solid #e0e0e0;border-radius:12px;bottom:190px;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:fixed;right:30px;width:400px;z-index:1003}.ai-chat-panel .chat-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.ai-chat-panel .chat-header h3{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin:0}.ai-chat-panel .chat-header .header-icon{color:#1976d2;font-size:18px}.ai-chat-panel .chat-header .close-panel{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ai-chat-panel .chat-header .close-panel:hover{background:#f5f5f5;color:#333}.ai-chat-panel .chat-content{background:#f8f9fa;flex:1 1;max-height:350px;overflow-y:auto;padding:16px}.ai-chat-panel .chat-content .welcome-message{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px}.ai-chat-panel .chat-content .welcome-message p{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.ai-chat-panel .chat-content .welcome-message ul{color:#666;font-size:13px;margin:0 0 16px;padding-left:20px}.ai-chat-panel .chat-content .welcome-message ul li{margin-bottom:4px}.ai-chat-panel .chat-content .welcome-message .sample-questions p{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.ai-chat-panel .chat-content .welcome-message .sample-question{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#666;cursor:pointer;display:block;font-size:13px;margin-bottom:8px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.ai-chat-panel .chat-content .welcome-message .sample-question:hover{background:#1976d2;border-color:#1976d2;color:#fff}.ai-chat-panel .chat-content .message{display:flex;gap:8px;margin-bottom:16px}.ai-chat-panel .chat-content .message.user-message{justify-content:flex-end}.ai-chat-panel .chat-content .message.user-message .message-content{background:#1976d2;border-radius:12px 12px 4px 12px;color:#fff;font-size:14px;line-height:1.5;max-width:280px;padding:12px 16px}.ai-chat-panel .chat-content .message.ai-message .message-avatar{align-items:center;background:#1976d2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.ai-chat-panel .chat-content .message.ai-message .message-content{background:#fff;border-radius:12px 12px 12px 4px;box-shadow:0 2px 8px #0000001a;color:#333;font-size:14px;line-height:1.5;max-width:320px;padding:12px 16px}.ai-chat-panel .chat-content .message.loading .message-content{align-items:center;color:#666;display:flex;gap:8px}.ai-chat-panel .chat-content .typing-indicator{display:flex;gap:4px}.ai-chat-panel .chat-content .typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#999;border-radius:50%;height:6px;width:6px}.ai-chat-panel .chat-content .typing-indicator span:first-child{animation-delay:0s}.ai-chat-panel .chat-content .typing-indicator span:nth-child(2){animation-delay:.2s}.ai-chat-panel .chat-content .typing-indicator span:nth-child(3){animation-delay:.4s}.ai-chat-panel .chat-content .results-list{border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px}.ai-chat-panel .chat-content .results-list .results-header{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.ai-chat-panel .chat-content .results-list .result-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.ai-chat-panel .chat-content .results-list .result-item:hover{background:#f0f7ff;border-color:#1976d2}.ai-chat-panel .chat-content .results-list .result-item .result-info{flex:1 1}.ai-chat-panel .chat-content .results-list .result-item .result-info .result-price{color:#e53935;font-size:14px;font-weight:600;margin-bottom:4px}.ai-chat-panel .chat-content .results-list .result-item .result-info .result-address{color:#666;font-size:12px;line-height:1.3;margin-bottom:2px}.ai-chat-panel .chat-content .results-list .result-item .result-info .result-status{background:#e9ecef;border-radius:4px;color:#666;display:inline-block;font-size:11px;padding:2px 6px}.ai-chat-panel .chat-content .results-list .result-item .location-button{align-items:center;background:#1976d2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;margin-left:8px;transition:background .2s ease;width:32px}.ai-chat-panel .chat-content .results-list .result-item .location-button:hover{background:#1565c0}.ai-chat-panel .chat-input-area{background:#fff;border-top:1px solid #e9ecef;flex-shrink:0;padding:16px}.ai-chat-panel .chat-input-area .input-container{align-items:center;display:flex;gap:8px}.ai-chat-panel .chat-input-area .input-container .chat-input{border:1px solid #e0e0e0;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease}.ai-chat-panel .chat-input-area .input-container .chat-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.ai-chat-panel .chat-input-area .input-container .chat-input:disabled{background:#f8f9fa;color:#999}.ai-chat-panel .chat-input-area .input-container .send-button{align-items:center;background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background .2s ease;width:44px}.ai-chat-panel .chat-input-area .input-container .send-button:hover:not(:disabled){background:#1565c0}.ai-chat-panel .chat-input-area .input-container .send-button:disabled{background:#ccc;cursor:not-allowed}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@media(max-width:768px){.ai-chat-button{bottom:100px;font-size:20px;height:50px;right:20px;width:50px}.ai-answer-bubble,.ai-chat-panel{bottom:160px;right:20px;width:320px}.ai-chat-panel{max-height:450px}.ai-chat-panel .chat-content{max-height:300px}}@media(max-width:480px){.ai-chat-panel{left:20px;max-height:400px;right:20px;width:calc(100vw - 40px)}.ai-chat-panel .chat-content{max-height:280px}.ai-answer-bubble{width:calc(100vw - 80px)}}.accommodation-map-container{position:relative;z-index:1}.accommodation-map-container .main-map{z-index:1!important}.message-time{color:#999;font-size:11px;margin-top:4px;text-align:right}.user-message .message-time{color:#ffffffb3;text-align:right}.ai-message .message-time{text-align:left}.message-content.error{background:#ffebee!important;border:1px solid #ffcdd2;color:#c62828!important}.clear-history-button{transition:all .2s ease}.clear-history-button:hover{background:#f5f5f5!important;color:#e53935!important}.welcome-message .sample-question{position:relative;transition:all .2s ease}.welcome-message .sample-question:hover{transform:translateX(4px)}.chat-header h3 span{opacity:.7}@media(max-width:768px){.message-content{max-width:250px!important}.results-list .result-item{align-items:flex-start;flex-direction:column;gap:8px}.results-list .result-item .location-button{align-self:flex-end;margin-left:0}}.search-accommodation{max-width:400px;position:relative;width:100%}.search-accommodation .search-form{width:100%}.search-accommodation .search-input-container{align-items:center;display:flex;position:relative;width:100%}.search-accommodation .search-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 40px 10px 16px;transition:all .2s ease;width:100%}.search-accommodation .search-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.search-accommodation .search-input::placeholder{color:#999}.search-accommodation .clear-search-button{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;padding:4px;position:absolute;right:40px;transition:all .2s ease}.search-accommodation .clear-search-button:hover{background:#f5f5f5;color:#666}.search-accommodation .search-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:6px;position:absolute;right:8px;transition:all .2s ease}.search-accommodation .search-button:hover{background:#f5f5f5;color:#1976d2}.search-accommodation .search-button:disabled{cursor:not-allowed;opacity:.6}.search-accommodation .suggestions-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-accommodation .suggestions-dropdown .suggestion-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.search-accommodation .suggestions-dropdown .suggestion-item:last-child{border-bottom:none}.search-accommodation .suggestions-dropdown .suggestion-item:hover{background:#f8f9fa}.search-accommodation .suggestions-dropdown .suggestion-item .suggestion-text{color:#333;flex:1 1;font-size:14px;line-height:1.4}.search-accommodation .suggestions-dropdown .suggestion-item .suggestion-type{background:#f0f0f0;border-radius:12px;color:#666;font-size:12px;margin-left:8px;padding:2px 8px;white-space:nowrap}.search-accommodation .suggestions-dropdown .no-suggestions{color:#999;font-size:14px;font-style:italic;padding:16px;text-align:center}.search-accommodation .search-results-info{align-items:center;background:#e3f2fd;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;margin-top:8px;padding:8px 12px}.search-accommodation .search-results-info .results-count{color:#1976d2;font-weight:500}.search-accommodation .search-results-info .view-all-button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:12px;text-decoration:underline}.search-accommodation .search-results-info .view-all-button:hover{color:#1565c0}.custom-marker.search-result .marker-content{background:#ff9800!important;border:3px solid #fff;box-shadow:0 4px 12px #ff980066}.custom-marker.search-result .marker-pulse{animation:pulse 1.5s ease-out infinite;border-color:#ff9800}.custom-marker.highlighted .marker-content{background:#e53935!important;border:3px solid #fff;box-shadow:0 4px 12px #e5393566;transform:scale(1.2)}.custom-marker.highlighted .marker-pulse{animation:pulse 1s ease-out infinite;border-color:#e53935}@media(max-width:768px){.search-accommodation{max-width:100%}.search-accommodation .suggestions-dropdown{left:16px;max-height:50vh;position:fixed;right:16px;top:120px}.search-accommodation .search-results-info{align-items:flex-start;flex-direction:column;gap:8px}}.accommodation-view{display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.accommodation-view .header{flex-shrink:0;z-index:1000}.accommodation-view .accommodation-main-content{display:flex;flex:1 1;overflow:hidden;position:relative}.left-sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;left:-300px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:300px;z-index:999}.left-sidebar.show{left:0}.left-sidebar-overlay{background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:998}.left-sidebar-overlay.show{opacity:1;visibility:visible}.sidebar-toggle{background:#fff;border:1px solid #e0e0e0;border-left:none;border-radius:0 8px 8px 0;box-shadow:2px 2px 8px #0000001a;cursor:pointer;left:0;padding:12px 8px;position:fixed;top:50%;transform:translateY(-50%);transition:left .3s ease;z-index:997}.sidebar-toggle.move-right{left:300px}.sidebar-toggle .toggle-icon{color:#666;font-size:18px;transition:transform .3s ease}.sidebar-toggle .toggle-icon.rotate{transform:rotate(180deg)}.sidebar-toggle:hover{background:#f5f5f5}.sidebar-toggle:hover .toggle-icon{color:#333}.accommodation-map-content{flex:1 1;height:100%;margin-left:0;transition:margin-left .3s ease}.left-sidebar.show~.accommodation-map-content{margin-left:300px}@media(max-width:768px){.accommodation-view .accommodation-main-content .left-sidebar.show~.accommodation-map-content{margin-left:0}.left-sidebar{left:-280px;width:280px}.left-sidebar.show{left:0}.sidebar-toggle.move-right{left:280px}.left-sidebar.show~.accommodation-map-content{overflow:hidden;transform:translateX(280px)}}.accommodation-map-content>div{height:100%;width:100%}.study-material-container{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.study-material-container .study-material-header .header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.study-material-container .study-material-header .header-content .header-text{flex:1 1;min-width:300px}.study-material-container .study-material-header .header-content .create-material-btn{align-items:center;background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s ease;white-space:nowrap}.study-material-container .study-material-header .header-content .create-material-btn:hover{background:#1565c0}.study-material-container .filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.study-material-container .filters-section .search-box{margin-bottom:16px;position:relative}.study-material-container .filters-section .search-box .search-icon{color:#666;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.study-material-container .filters-section .search-box .search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px 12px 48px;transition:border-color .2s ease;width:100%}.study-material-container .filters-section .search-box .search-input:focus{border-color:#1976d2;outline:none}.study-material-container .filters-section .filter-grid{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.study-material-container .filters-section .filter-grid .filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.study-material-container .filters-section .filter-grid .filter-select:focus{border-color:#1976d2;outline:none}.study-material-container .filters-section .filter-grid .clear-filters-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .2s ease}.study-material-container .filters-section .filter-grid .clear-filters-btn:hover{background:#5a6268}.study-material-container .materials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.study-material-container .materials-grid .loading-state{grid-column:1/-1;padding:60px 20px;text-align:center}.study-material-container .materials-grid .loading-state .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#1976d2;height:40px;margin:0 auto 16px;width:40px}.study-material-container .materials-grid .loading-state p{color:#666;font-size:16px;margin:0}.study-material-container .materials-grid .empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;grid-column:1/-1;padding:80px 20px;text-align:center}.study-material-container .materials-grid .empty-state .empty-icon{color:#ccc;font-size:64px;margin-bottom:16px}.study-material-container .materials-grid .empty-state h3{color:#666;margin-bottom:8px}.study-material-container .materials-grid .empty-state p{color:#999;margin:0}.study-material-container .material-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.study-material-container .material-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.study-material-container .material-card .status-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px}.study-material-container .material-card .user-info{align-items:center;display:flex;gap:12px;margin-bottom:16px}.study-material-container .material-card .user-info .user-avatar{border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;height:50px;object-fit:cover;width:50px}.study-material-container .material-card .user-info .user-details .user-name{color:#333;cursor:pointer;font-weight:600;transition:color .2s ease}.study-material-container .material-card .user-info .user-details .user-name:hover{color:#1976d2}.study-material-container .material-card .user-info .user-details .trust-score{color:#1976d2;display:block;font-size:12px;margin-top:2px}.study-material-container .material-card .user-info .card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;position:relative}.study-material-container .material-card .user-info .card-header .status-badge{margin:0;position:static}.study-material-container .material-card .material-content .material-title{color:#333;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:8px}.study-material-container .material-card .material-content .material-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:16px;overflow:hidden}.study-material-container .material-card .material-content .material-meta{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:8px;display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px}.study-material-container .material-card .material-content .material-meta .meta-item{align-items:center;color:#666;display:flex;font-size:13px;gap:4px}.study-material-container .material-card .material-content .material-meta .meta-item strong{color:#333;min-width:80px}.study-material-container .material-card .material-content .file-attachments{margin-bottom:16px}.study-material-container .material-card .material-content .file-attachments .file-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.study-material-container .material-card .material-content .file-attachments .file-item .file-icon{flex-shrink:0;font-size:16px}.study-material-container .material-card .material-content .file-attachments .file-item .file-icon.pdf{color:#f44336}.study-material-container .material-card .material-content .file-attachments .file-item .file-icon.word{color:#1976d2}.study-material-container .material-card .material-content .file-attachments .file-item .file-icon.excel{color:#4caf50}.study-material-container .material-card .material-content .file-attachments .file-item .file-icon.image{color:#ff9800}.study-material-container .material-card .material-content .file-attachments .file-item .file-icon.archive{color:#795548}.study-material-container .material-card .material-content .file-attachments .file-item .file-icon.default{color:#666}.study-material-container .material-card .material-content .file-attachments .file-item .file-name{color:#333;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-material-container .material-card .material-content .file-attachments .file-item .download-btn{background:none;border:none;border-radius:4px;color:#1976d2;cursor:pointer;padding:4px;transition:background-color .2s ease}.study-material-container .material-card .material-content .file-attachments .file-item .download-btn:hover{background:#e3f2fd}.study-material-container .material-card .material-content .material-stats{border-top:1px solid #e0e0e0;display:flex;gap:16px;padding-top:12px}.study-material-container .material-card .material-content .material-stats .stat{align-items:center;color:#666;display:flex;font-size:12px;gap:4px}.study-material-container .material-card .material-actions{display:flex;gap:8px;margin-top:16px}.study-material-container .material-card .material-actions .view-detail-btn{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.study-material-container .material-card .material-actions .view-detail-btn:hover{background:#e9ecef;border-color:#ccc}.study-material-container .material-card .material-actions .download-main-btn{align-items:center;background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:6px;justify-content:center;padding:8px 16px;transition:background-color .2s ease}.study-material-container .material-card .material-actions .download-main-btn:hover{background:#1565c0}.study-material-container .load-more-section{margin-top:32px;text-align:center}.study-material-container .load-more-section .load-more-btn{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 32px;transition:background-color .2s ease}.study-material-container .load-more-section .load-more-btn:hover:not(:disabled){background:#1565c0}.study-material-container .load-more-section .load-more-btn:disabled{background:#ccc;cursor:not-allowed}.study-material-container .error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;margin:40px 0;padding:20px;text-align:center}@media(max-width:768px){.study-material-container{padding:16px}.study-material-container .study-material-header .page-title{font-size:2rem}.study-material-container .filters-section .filter-grid,.study-material-container .materials-grid{grid-template-columns:1fr}.study-material-container .material-card .material-actions{flex-direction:column}}@media(max-width:480px){.study-material-container{padding:12px}.study-material-container .study-material-header .page-title{font-size:1.75rem}}.storage-usage-section{background:linear-gradient(120deg,#e3f2fd,#f3e5f5);border:1px solid #e1f5fe;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#1a1a1a;font-weight:500;margin:20px 0;padding:20px}.storage-usage-section .storage-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.storage-usage-section .storage-header .storage-text{align-items:center;display:flex;font-size:16px;gap:8px}.storage-usage-section .storage-header .storage-text .usage-value{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#1976d2;font-size:18px;font-weight:700;padding:4px 8px}.storage-usage-section .storage-header .storage-warning{animation:pulse 2s infinite;background:#ffebee;border:1px solid #ffcdd2;border-radius:20px;color:#c62828;font-size:14px;font-weight:700;padding:8px 16px}.storage-usage-section .progress-container{background:#fffc;border:1px solid #e0e0e0;border-radius:8px;box-shadow:inset 0 2px 4px #0000001a;height:16px;margin:16px 0;overflow:hidden}.storage-usage-section .progress-container .progress-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:8px;box-shadow:0 0 10px #4caf504d;height:100%;position:relative;transition:width .8s ease}.storage-usage-section .progress-container .progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.storage-usage-section .progress-container .progress-bar[style*="100%"]{animation:pulse 1.5s infinite;background:linear-gradient(90deg,#f44336,#ef5350)}.storage-usage-section .storage-footer{text-align:center}.storage-usage-section .storage-footer small{color:#666;font-size:14px;font-weight:500}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media(max-width:768px){.storage-usage-section{padding:16px}.storage-usage-section .storage-header{align-items:flex-start;flex-direction:column}.storage-usage-section .storage-header .storage-text{font-size:14px}.storage-usage-section .storage-header .storage-text .usage-value{font-size:16px}.material-meta{padding:8px}.material-meta .meta-item{font-size:12px}.material-meta .meta-item strong{min-width:70px}}.create-material-form{padding:24px}.create-material-form .form-group{margin-bottom:20px}.create-material-form .form-group .form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.create-material-form .form-group .form-label .required{color:#f44336}.create-material-form .form-group .form-input,.create-material-form .form-group .form-select,.create-material-form .form-group .form-textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.create-material-form .form-group .form-input:focus,.create-material-form .form-group .form-select:focus,.create-material-form .form-group .form-textarea:focus{border-color:#1976d2;outline:none}.create-material-form .form-group .form-input.error,.create-material-form .form-group .form-select.error,.create-material-form .form-group .form-textarea.error{border-color:#f44336}.create-material-form .form-group .form-textarea{min-height:80px;resize:vertical}.create-material-form .form-group .error-message{color:#f44336;display:block;font-size:12px;margin-top:4px}.create-material-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:480px){.create-material-form .form-row{grid-template-columns:1fr}}.create-material-form .file-upload-area{background:#fafafa;border:2px dashed #e0e0e0;border-radius:8px;padding:32px;text-align:center;transition:all .3s ease}.create-material-form .file-upload-area:hover{background:#f0f7ff;border-color:#1976d2}.create-material-form .file-upload-area .file-input{display:none}.create-material-form .file-upload-area .file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px}.create-material-form .file-upload-area .file-upload-label .upload-icon{color:#1976d2;font-size:2rem}.create-material-form .file-upload-area .file-upload-label span{color:#333;font-weight:600}.create-material-form .file-upload-area .file-upload-label small{color:#666;font-size:12px}.create-material-form .file-list{margin-top:16px}.create-material-form .file-list h4{color:#333;font-size:14px;font-weight:600;margin-bottom:12px}.create-material-form .file-list .file-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:8px;margin-bottom:8px;padding:12px}.create-material-form .file-list .file-item .file-icon{color:#666;font-size:14px}.create-material-form .file-list .file-item .file-name{color:#333;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-material-form .file-list .file-item .file-size{color:#666;font-size:12px}.create-material-form .file-list .file-item .remove-file-btn{background:none;border:none;border-radius:4px;color:#f44336;cursor:pointer;padding:4px;transition:background-color .2s ease}.create-material-form .file-list .file-item .remove-file-btn:hover{background:#ffebee}.create-material-form .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.create-material-form .form-actions .cancel-button{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.create-material-form .form-actions .cancel-button:hover:not(:disabled){background:#e9ecef;border-color:#ccc}.create-material-form .form-actions .cancel-button:disabled{cursor:not-allowed;opacity:.6}.create-material-form .form-actions .submit-button{align-items:center;background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s ease}.create-material-form .form-actions .submit-button:hover:not(:disabled){background:#1565c0}.create-material-form .form-actions .submit-button:disabled{background:#ccc;cursor:not-allowed}.create-material-form .form-actions .submit-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media(max-width:768px){.modal-overlay{padding:16px}.create-material-form,.modal-overlay .modal-content .modal-header{padding:20px}}@media(max-width:480px){.modal-overlay{padding:12px}.modal-overlay .modal-content .modal-header{padding:16px}.modal-overlay .modal-content .modal-header .modal-title{font-size:1.25rem}.create-material-form{padding:16px}.create-material-form .form-actions{flex-direction:column-reverse}}.modal-overlay{animation:fadeIn .3s ease;background:#000c;overflow:hidden}.modal-overlay .study-material-detail-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:900px;overflow:hidden;position:relative;width:95%}.modal-overlay .study-material-detail-modal .close-modal-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.modal-overlay .study-material-detail-modal .close-modal-btn:hover{background:#fff;color:#333;transform:scale(1.1)}.modal-overlay .study-material-detail-modal .modal-content{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:40px;width:calc(100% - 80px)}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section{margin-bottom:40px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .title-section{flex:1 1}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .title-section .material-title{color:#1a1a1a;font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:12px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .title-section .status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 16px;text-transform:uppercase}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .stats-overview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:20px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .stats-overview .stat{align-items:center;display:flex;gap:12px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .stats-overview .stat .stat-icon{color:#64748b;font-size:20px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .stats-overview .stat .stat-content{display:flex;flex-direction:column}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .stats-overview .stat .stat-content .stat-value{color:#1e293b;font-size:1.5rem;font-weight:700}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .stats-overview .stat .stat-content .stat-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .meta-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .meta-section .meta-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:16px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .meta-section .meta-item .meta-icon{color:#64748b;font-size:18px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .meta-section .meta-item .meta-content{display:flex;flex-direction:column}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .meta-section .meta-item .meta-content .meta-label{color:#64748b;font-size:12px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .meta-section .meta-item .meta-content .meta-value{color:#1e293b;font-size:14px;font-weight:500}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .description-section{margin-bottom:32px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .description-section .section-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:16px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .description-section .description-content{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;color:#475569;font-size:15px;line-height:1.6;padding:20px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section{margin-bottom:32px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .section-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:16px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .file-header{align-items:center;display:flex;flex:1 1;gap:12px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .file-header .file-icon{flex-shrink:0;font-size:20px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .file-header .file-icon.pdf{color:#ef4444}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .file-header .file-icon.word{color:#2563eb}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .file-header .file-icon.excel{color:#16a34a}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .file-header .file-icon.image{color:#f59e0b}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .file-header .file-icon.archive{color:#784be8}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .file-header .file-icon.default{color:#64748b}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .file-header .file-name{color:#1e293b;font-size:14px;font-weight:500;word-break:break-word}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .download-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:background-color .2s ease}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .file-card .download-btn:hover{background:#2563eb}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-section .files-grid .no-files{background:#f8fafc;border-radius:8px;color:#94a3b8;font-style:italic;grid-column:1/-1;padding:40px 20px;text-align:center}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .author-section .section-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:16px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .author-section .author-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .author-section .author-card .author-avatar{border:3px solid #e2e8f0;border-radius:50%;cursor:pointer;height:60px;object-fit:cover;transition:border-color .2s ease;width:60px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .author-section .author-card .author-avatar:hover{border-color:#3b82f6}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .author-section .author-card .author-info .author-name{color:#1e293b;cursor:pointer;display:block;font-size:1.125rem;font-weight:600;margin-bottom:4px;transition:color .2s ease}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .author-section .author-card .author-info .author-name:hover{color:#3b82f6}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .author-section .author-card .author-info .author-trust-score{color:#64748b;font-size:14px;font-weight:500}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-header .section-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-header .create-review-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s ease}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-header .create-review-btn:hover{background:#2563eb}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list{display:flex;flex-direction:column;gap:20px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .loading-reviews{padding:40px 20px;text-align:center}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .loading-reviews .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .loading-reviews p{color:#64748b;margin:0}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .no-reviews{color:#94a3b8;padding:60px 20px;text-align:center}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .no-reviews .no-reviews-icon{font-size:48px;margin-bottom:16px;opacity:.5}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .no-reviews h4{color:#64748b;margin-bottom:8px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .no-reviews p{font-style:italic;margin:0}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:box-shadow .2s ease}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card:hover{box-shadow:0 4px 12px #0000000d}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .reviewer-info{align-items:center;display:flex;gap:12px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .reviewer-info .reviewer-avatar{border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;height:48px;object-fit:cover;transition:border-color .2s ease;width:48px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .reviewer-info .reviewer-avatar:hover{border-color:#3b82f6}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .reviewer-info .reviewer-details .reviewer-name{color:#1e293b;cursor:pointer;display:block;font-weight:600;margin-bottom:2px;transition:color .2s ease}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .reviewer-info .reviewer-details .reviewer-name:hover{color:#3b82f6}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .reviewer-info .reviewer-details .review-date{color:#64748b;font-size:12px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .review-actions{display:flex;gap:8px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .review-actions .action-btn{background:none;border:none;border-radius:6px;cursor:pointer;padding:8px;transition:background-color .2s ease}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .review-actions .action-btn:hover{background:#f1f5f9}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .review-actions .action-btn.edit{color:#3b82f6}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-header .review-actions .action-btn.delete{color:#ef4444}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .rating-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .rating-section .stars{display:flex;gap:2px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .rating-section .stars .star{font-size:16px;transition:color .2s ease}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .rating-section .stars .star.filled{color:#fbbf24}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .rating-section .stars .star.empty{color:#e2e8f0}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .rating-section .rating-label{font-size:14px;font-weight:600}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .rating-section .helpful-badge{align-items:center;background:#10b981;border-radius:12px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .comment-section p{color:#475569;line-height:1.6;margin:0}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .comment-section p.collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .comment-section p.expanded{display:block}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .comment-section .expand-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px;margin-top:8px;padding:0}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-list .review-card .review-content .comment-section .expand-btn:hover{text-decoration:underline}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .load-more-section{margin-top:32px;text-align:center}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .load-more-section .load-more-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .load-more-section .load-more-btn:hover:not(:disabled){background:#2563eb}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .load-more-section .load-more-btn:disabled{background:#cbd5e1;cursor:not-allowed}@media(max-width:768px){.modal-overlay{padding:10px}.modal-overlay .study-material-detail-modal{height:95vh;width:95%}.modal-overlay .study-material-detail-modal .modal-content{padding:24px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header{flex-direction:column}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .stats-overview{justify-content:space-between;width:100%}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .files-grid,.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .meta-section{grid-template-columns:1fr}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-header{align-items:stretch;flex-direction:column}.modal-overlay .study-material-detail-modal .modal-content .reviews-section .reviews-header .create-review-btn{align-self:flex-start}}@media(max-width:480px){.modal-overlay{padding:0}.modal-overlay .study-material-detail-modal{border-radius:0;height:100vh;width:100%}.modal-overlay .study-material-detail-modal .modal-content{padding:20px}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .title-section .material-title{font-size:1.5rem}.modal-overlay .study-material-detail-modal .modal-content .material-detail-section .material-header .stats-overview{flex-direction:column;gap:16px}}.review-modal-overlay .create-review-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.review-modal-overlay .create-review-modal .close-modal-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color .2s ease;width:32px;z-index:10}.review-modal-overlay .create-review-modal .close-modal-btn:hover{background:#0003;color:#333}.review-modal-overlay .create-review-modal .modal-header{padding:32px 32px 0;text-align:center}.review-modal-overlay .create-review-modal .modal-header h2{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 8px}.review-modal-overlay .create-review-modal .modal-header p{color:#666;font-size:14px;margin:0}.review-modal-overlay .create-review-modal .review-form{max-height:calc(90vh - 120px);overflow-y:auto;padding:24px 32px 32px}.review-modal-overlay .create-review-modal .review-form .form-section{margin-bottom:24px}.review-modal-overlay .create-review-modal .review-form .form-section .form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.review-modal-overlay .create-review-modal .review-form .form-section .rating-stars{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.review-modal-overlay .create-review-modal .review-form .form-section .rating-stars .star-btn{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease}.review-modal-overlay .create-review-modal .review-form .form-section .rating-stars .star-btn:hover{transform:scale(1.2)}.review-modal-overlay .create-review-modal .review-form .form-section .rating-stars .star-btn .star{font-size:32px;transition:color .2s ease}.review-modal-overlay .create-review-modal .review-form .form-section .rating-stars .star-btn .star.filled{color:#ffc107}.review-modal-overlay .create-review-modal .review-form .form-section .rating-stars .star-btn .star.empty{color:#e0e0e0}.review-modal-overlay .create-review-modal .review-form .form-section .rating-labels{color:#666;display:flex;font-size:12px;justify-content:space-between;padding:0 8px}.review-modal-overlay .create-review-modal .review-form .form-section .comment-textarea{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.review-modal-overlay .create-review-modal .review-form .form-section .comment-textarea:focus{background:#fff;border-color:#1976d2;outline:none}.review-modal-overlay .create-review-modal .review-form .form-section .comment-textarea::placeholder{color:#999}.review-modal-overlay .create-review-modal .review-form .form-section .char-count{color:#666;font-size:12px;margin-top:4px;text-align:right}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label{align-items:flex-start;background:#f8f9fa;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:background-color .2s ease}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label:hover{background:#e9ecef}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkbox-input{display:none}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkbox-input:checked+.checkmark{background:#1976d2;border-color:#1976d2}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkbox-input:checked+.checkmark:after{display:block}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkmark{border:2px solid #ccc;border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:6px}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkbox-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkbox-content .thumbs-up-icon{color:#1976d2;flex-shrink:0;font-size:18px;margin-top:2px}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkbox-content .checkbox-title{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkbox-content .checkbox-description{color:#666;font-size:12px;line-height:1.4}.review-modal-overlay .create-review-modal .review-form .form-actions{display:flex;gap:12px;margin-top:32px}.review-modal-overlay .create-review-modal .review-form .form-actions .cancel-btn,.review-modal-overlay .create-review-modal .review-form .form-actions .submit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.review-modal-overlay .create-review-modal .review-form .form-actions .cancel-btn{background:#f8f9fa;border:2px solid #e0e0e0;color:#666}.review-modal-overlay .create-review-modal .review-form .form-actions .cancel-btn:hover:not(:disabled){background:#e9ecef;border-color:#ccc}.review-modal-overlay .create-review-modal .review-form .form-actions .cancel-btn:disabled{cursor:not-allowed;opacity:.6}.review-modal-overlay .create-review-modal .review-form .form-actions .submit-btn{background:#1976d2;color:#fff}.review-modal-overlay .create-review-modal .review-form .form-actions .submit-btn:hover:not(:disabled){background:#1565c0}.review-modal-overlay .create-review-modal .review-form .form-actions .submit-btn:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.review-modal-overlay{padding:10px}.review-modal-overlay .create-review-modal{border-radius:0;max-height:100vh;max-width:100%}.review-modal-overlay .create-review-modal .modal-header{padding:24px 24px 0}.review-modal-overlay .create-review-modal .review-form{max-height:calc(100vh - 100px);padding:20px 24px 24px}.review-modal-overlay .create-review-modal .review-form .form-section .rating-stars .star-btn .star{font-size:28px}.review-modal-overlay .create-review-modal .review-form .form-actions{flex-direction:column-reverse}}@media(max-width:480px){.review-modal-overlay .create-review-modal .modal-header h2{font-size:1.25rem}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label{padding:12px}.review-modal-overlay .create-review-modal .review-form .form-section .checkbox-label .checkbox-content{gap:8px}}.review-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.review-modal-overlay .update-review-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.review-modal-overlay .update-review-modal .close-modal-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color .2s ease;width:32px;z-index:10}.review-modal-overlay .update-review-modal .close-modal-btn:hover{background:#0003;color:#333}.review-modal-overlay .update-review-modal .modal-header{padding:32px 32px 0;text-align:center}.review-modal-overlay .update-review-modal .modal-header h2{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 8px}.review-modal-overlay .update-review-modal .modal-header p{color:#666;font-size:14px;margin:0}.review-modal-overlay .update-review-modal .review-form{max-height:calc(90vh - 120px);overflow-y:auto;padding:24px 32px 32px}.review-modal-overlay .update-review-modal .review-form .form-section{margin-bottom:24px}.review-modal-overlay .update-review-modal .review-form .form-section .form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.review-modal-overlay .update-review-modal .review-form .form-section .rating-stars{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.review-modal-overlay .update-review-modal .review-form .form-section .rating-stars .star-btn{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease}.review-modal-overlay .update-review-modal .review-form .form-section .rating-stars .star-btn:hover{transform:scale(1.2)}.review-modal-overlay .update-review-modal .review-form .form-section .rating-stars .star-btn .star{font-size:32px;transition:color .2s ease}.review-modal-overlay .update-review-modal .review-form .form-section .rating-stars .star-btn .star.filled{color:#ffc107}.review-modal-overlay .update-review-modal .review-form .form-section .rating-stars .star-btn .star.empty{color:#e0e0e0}.review-modal-overlay .update-review-modal .review-form .form-section .rating-labels{color:#666;display:flex;font-size:12px;justify-content:space-between;padding:0 8px}.review-modal-overlay .update-review-modal .review-form .form-section .comment-textarea{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.review-modal-overlay .update-review-modal .review-form .form-section .comment-textarea:focus{background:#fff;border-color:#1976d2;outline:none}.review-modal-overlay .update-review-modal .review-form .form-section .comment-textarea::placeholder{color:#999}.review-modal-overlay .update-review-modal .review-form .form-section .char-count{color:#666;font-size:12px;margin-top:4px;text-align:right}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label{align-items:flex-start;background:#f8f9fa;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:background-color .2s ease}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label:hover{background:#e9ecef}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkbox-input{display:none}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkbox-input:checked+.checkmark{background:#1976d2;border-color:#1976d2}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkbox-input:checked+.checkmark:after{display:block}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkmark{border:2px solid #ccc;border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:6px}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkbox-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkbox-content .thumbs-up-icon{color:#1976d2;flex-shrink:0;font-size:18px;margin-top:2px}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkbox-content .checkbox-title{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkbox-content .checkbox-description{color:#666;font-size:12px;line-height:1.4}.review-modal-overlay .update-review-modal .review-form .review-info{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:8px;margin-bottom:24px;padding:16px}.review-modal-overlay .update-review-modal .review-form .review-info .info-item{align-items:center;display:flex;justify-content:space-between}.review-modal-overlay .update-review-modal .review-form .review-info .info-item strong{color:#333;font-size:13px}.review-modal-overlay .update-review-modal .review-form .review-info .info-item span{color:#666;font-size:13px}.review-modal-overlay .update-review-modal .review-form .form-actions{display:flex;gap:12px}.review-modal-overlay .update-review-modal .review-form .form-actions .cancel-btn,.review-modal-overlay .update-review-modal .review-form .form-actions .submit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.review-modal-overlay .update-review-modal .review-form .form-actions .cancel-btn{background:#f8f9fa;border:2px solid #e0e0e0;color:#666}.review-modal-overlay .update-review-modal .review-form .form-actions .cancel-btn:hover:not(:disabled){background:#e9ecef;border-color:#ccc}.review-modal-overlay .update-review-modal .review-form .form-actions .cancel-btn:disabled{cursor:not-allowed;opacity:.6}.review-modal-overlay .update-review-modal .review-form .form-actions .submit-btn{background:#1976d2;color:#fff}.review-modal-overlay .update-review-modal .review-form .form-actions .submit-btn:hover:not(:disabled){background:#1565c0}.review-modal-overlay .update-review-modal .review-form .form-actions .submit-btn:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.review-modal-overlay{padding:10px}.review-modal-overlay .update-review-modal{border-radius:0;max-height:100vh;max-width:100%}.review-modal-overlay .update-review-modal .modal-header{padding:24px 24px 0}.review-modal-overlay .update-review-modal .review-form{max-height:calc(100vh - 100px);padding:20px 24px 24px}.review-modal-overlay .update-review-modal .review-form .form-section .rating-stars .star-btn .star{font-size:28px}.review-modal-overlay .update-review-modal .review-form .form-actions{flex-direction:column-reverse}}@media(max-width:480px){.review-modal-overlay .update-review-modal .modal-header h2{font-size:1.25rem}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label{padding:12px}.review-modal-overlay .update-review-modal .review-form .form-section .checkbox-label .checkbox-content{gap:8px}.review-modal-overlay .update-review-modal .review-form .review-info{padding:12px}.review-modal-overlay .update-review-modal .review-form .review-info .info-item{align-items:flex-start;flex-direction:column;gap:4px}}.study-material-menu{display:inline-block;position:relative}.study-material-menu .menu-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.study-material-menu .menu-toggle:hover{background:#f5f5f5;color:#333}.study-material-menu .menu-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:160px;overflow:hidden;position:absolute;top:100%;z-index:1000}.study-material-menu .menu-dropdown .menu-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.study-material-menu .menu-dropdown .menu-item:last-child{border-bottom:none}.study-material-menu .menu-dropdown .menu-item:hover{background:#f8f9fa}.study-material-menu .menu-dropdown .menu-item.delete{color:#f44336}.study-material-menu .menu-dropdown .menu-item.delete:hover{background:#ffebee}.study-material-menu .menu-dropdown .menu-item .menu-icon{font-size:14px;margin-right:8px}.study-material-menu .menu-dropdown .menu-item span{font-size:14px;font-weight:500}@media(max-width:768px){.study-material-menu .menu-dropdown{border-radius:12px 12px 0 0;bottom:0;left:0;min-width:auto;position:fixed;right:0;top:auto}}.update-material-form{padding:24px}.update-material-form .form-group{margin-bottom:20px}.update-material-form .form-group .file-note{color:#666;display:block;font-size:12px;margin-top:4px}.update-material-form .form-group .file-list{margin-top:12px}.update-material-form .form-group .file-list h4{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.update-material-form .form-group .file-list .file-item{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:8px;margin-bottom:6px;padding:10px}.update-material-form .form-group .file-list .file-item.existing{background:#fff3e0;border:1px solid #ffb74d}.update-material-form .form-group .file-list .file-item.new{background:#e8f5e8;border:1px solid #4caf50}.update-material-form .form-group .file-list .file-item .file-icon{color:#666;font-size:14px}.update-material-form .form-group .file-list .file-item .file-name{color:#333;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-material-form .form-group .file-list .file-item .file-size{color:#666;font-size:11px}.update-material-form .form-group .file-list .file-item .remove-file-btn{background:none;border:none;border-radius:4px;color:#f44336;cursor:pointer;padding:4px;transition:background-color .2s ease}.update-material-form .form-group .file-list .file-item .remove-file-btn:hover{background:#ffebee}.update-material-form .form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.update-material-form .form-label .required{color:#f44336}.update-material-form .form-input,.update-material-form .form-select,.update-material-form .form-textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.update-material-form .form-input:focus,.update-material-form .form-select:focus,.update-material-form .form-textarea:focus{border-color:#1976d2;outline:none}.update-material-form .form-input.error,.update-material-form .form-select.error,.update-material-form .form-textarea.error{border-color:#f44336}.update-material-form .form-textarea{min-height:80px;resize:vertical}.update-material-form .error-message{color:#f44336;display:block;font-size:12px;margin-top:4px}.update-material-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:480px){.update-material-form .form-row{grid-template-columns:1fr}}.update-material-form .file-upload-area{background:#fafafa;border:2px dashed #e0e0e0;border-radius:8px;padding:24px;text-align:center;transition:all .3s ease}.update-material-form .file-upload-area:hover{background:#f0f7ff;border-color:#1976d2}.update-material-form .file-upload-area .file-input{display:none}.update-material-form .file-upload-area .file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px}.update-material-form .file-upload-area .file-upload-label .upload-icon{color:#1976d2;font-size:1.5rem}.update-material-form .file-upload-area .file-upload-label span{color:#333;font-weight:600}.update-material-form .file-upload-area .file-upload-label small{color:#666;font-size:12px}.update-material-form .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.update-material-form .form-actions .cancel-button{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.update-material-form .form-actions .cancel-button:hover:not(:disabled){background:#e9ecef;border-color:#ccc}.update-material-form .form-actions .cancel-button:disabled{cursor:not-allowed;opacity:.6}.update-material-form .form-actions .submit-button{align-items:center;background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s ease}.update-material-form .form-actions .submit-button:hover:not(:disabled){background:#f57c00}.update-material-form .form-actions .submit-button:disabled{background:#ccc;cursor:not-allowed}.update-material-form .form-actions .submit-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-overlay .modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.modal-overlay .modal-content .modal-header .modal-title{color:#333;font-size:1.5rem;font-weight:600;margin:0}.modal-overlay .modal-content .modal-header .close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.25rem;padding:4px;transition:all .2s ease}.modal-overlay .modal-content .modal-header .close-button:hover{background:#f5f5f5;color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.modal-overlay{padding:16px}.modal-overlay .modal-content .modal-header,.update-material-form{padding:20px}}@media(max-width:480px){.modal-overlay{padding:12px}.modal-overlay .modal-content .modal-header{padding:16px}.modal-overlay .modal-content .modal-header .modal-title{font-size:1.25rem}.update-material-form{padding:16px}.update-material-form .form-actions{flex-direction:column-reverse}}.home-view.with-sidebar{background-color:#f3f4f6;display:flex;flex-direction:column;min-height:100vh}.main-content{display:grid;grid-template-areas:"left center right";grid-template-columns:260px 1fr 280px;min-height:calc(100vh - 70px);width:100vw}.left-sidebar-menu{background:#fff;border-right:2px solid #f44;grid-area:left;height:calc(100vh - 70px);overflow-y:auto;transition:width .35s cubic-bezier(.4,0,.2,1);z-index:999}.left-sidebar-menu.collapsed{width:72px!important}.right-sidebar{background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 12px #0000000d;grid-area:right;height:calc(100vh - 70px);overflow-y:auto}.center-content{background-color:#f3f4f6;grid-area:center;overflow-y:auto;padding:20px}.center-content .study-materials{margin:0 auto;max-width:100%}.center-content .study-materials .study-material-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.home-view.with-sidebar.sidebar-collapsed .main-content{grid-template-columns:72px 1fr 280px}@media(max-width:1024px){.main-content{grid-template-areas:"center";grid-template-columns:1fr}.left-sidebar-menu,.right-sidebar{display:none}.center-content{padding:10px}.left-sidebar-menu.mobile-open{box-shadow:8px 0 20px #0003;display:block;height:calc(100vh - 70px);left:0;position:fixed;top:70px;width:280px;z-index:999}}@media(max-width:768px){.center-content .study-material-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.a074199b.css.map*/