.fwhite{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(283deg) brightness(110%) contrast(101%)}
.fblack{filter:brightness(0) saturate(100%) invert(0) sepia(42%) saturate(27%) hue-rotate(241deg) brightness(101%) contrast(102%)}
.fgray5{filter:brightness(0) saturate(100%) invert(12%) sepia(1%) saturate(2019%) hue-rotate(33deg) brightness(100%) contrast(78%)}
.faccent{filter:brightness(0) saturate(100%) invert(81%) sepia(74%) saturate(527%) hue-rotate(11deg) brightness(92%) contrast(87%)}
.faqua{filter:brightness(0) saturate(100%) invert(97%) sepia(67%) saturate(5251%) hue-rotate(100deg) brightness(103%) contrast(101%)}
.fblue{filter:brightness(0) saturate(100%) invert(13%) sepia(50%) saturate(5928%) hue-rotate(220deg) brightness(93%) contrast(104%)}
.flblue{filter:brightness(0) saturate(100%) invert(32%) sepia(86%) saturate(5540%) hue-rotate(210deg) brightness(97%) contrast(99%)}
.fade-in-right{-webkit-animation:fade-in-right .6s cubic-bezier(0.39,0.575,0.565,1) both;animation:fade-in-right .6s cubic-bezier(0.39,0.575,0.565,1) both}
.fade-in-top{-webkit-animation:fade-in-top .4s cubic-bezier(0.39,0.575,0.565,1) both;animation:fade-in-top .4s cubic-bezier(0.39,0.575,0.565,1) both}
.fade-in-bottom{-webkit-animation:fade-in-bottom .4s cubic-bezier(0.39,0.575,0.565,1) both;animation:fade-in-bottom .4s cubic-bezier(0.39,0.575,0.565,1) both}
.fade-out-top{-webkit-animation:fade-out-top .7s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:fade-out-top .7s cubic-bezier(0.25,0.46,0.45,0.94) both}
.swing-in-bottom-fwd{-webkit-animation:swing-in-bottom-fwd .5s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:swing-in-bottom-fwd .5s cubic-bezier(0.175,0.885,0.32,1.275) both}
@-webkit-keyframes swing-in-bottom-fwd{0{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0}
100%{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1}
}
@keyframes swing-in-bottom-fwd{0{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0}
100%{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1}
}
.h-0{margin:0 !important;padding:0 !important;height:0 !important}
.click-slide-up{cursor:pointer}
@-webkit-keyframes fade-in-bottom{0{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes fade-in-bottom{0{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes fade-in-top{0{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes fade-in-top{0{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes fade-in-right{0{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes fade-in-right{0{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@-webkit-keyframes fade-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
}
@keyframes fade-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
100%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
}
.hide-anim{opacity:0;display:none;transition:opacity .5s linear;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-o-transition:opacity .5s linear;-ms-transition:opacity .5s linear}
.post{margin-left:auto;margin-right:auto;width:85.2vw;padding-bottom:40px;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:12px;@media(width <= 768px){margin:0;width:calc(100vw - 32px);.post-it{width:100%;.post-it-item{width:calc(25% - 18px)}
}
}
@media(width <= 736px){.post-it .post-it-item{width:calc(33% - 15px);height:unset;aspect-ratio:3 / 2}
}
@media(width <= 560px){.post-it{gap:16px;.post-it-item{width:calc(50% - 8px);height:unset;aspect-ratio:3 / 2}
}
}
}
.post h4{align-self:flex-start}
.post-it{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;gap:24px}
.post-it-item{padding:3px;border-radius:8px;width:160px;height:120px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;text-align:center}
.post-it-item-edit{margin-top:auto}
.post-it-item small,.post-it-item a{width:100%;display:inline-block;font-size:12px;font-weight:400;line-height:15px;color:#000;word-wrap:break-word}
.post-it-item small img,.post-it-item a img{width:12px;height:12px;vertical-align:middle;margin-left:8px}
.post-it-item a{color:#333}
.post-it-item::after{content:'';width:12px;height:12px;position:absolute;bottom:0;right:0;border-width:16px 8px 8px 16px;border-style:solid;border-color:#fff #fff #b3c2e3 #b3c2e3;border-bottom-left-radius:8px;transform:rotate(90deg)}
.post-it-item.edit:not(.add)::after{content:'';width:12px;height:12px;position:absolute;bottom:0;right:0;border-width:16px 8px 8px 16px;border-style:solid;border-color:#fff #fff #0033a1 #0033a1;border-bottom-left-radius:8px;transform:rotate(90deg)}
.post-it-item.postit::after{content:'';width:12px;height:12px;position:absolute;bottom:0;right:0;border-width:16px 8px 8px 16px;border-style:solid;border-color:#fff #fff #0033a1 #0033a1;border-bottom-left-radius:8px;transform:rotate(90deg)}
.post-it-item.add::after{content:'';width:12px;height:12px;position:absolute;bottom:0;right:0;border-width:16px 8px 8px 16px;border-style:solid;border-color:#fff #fff #b3c2e3 #b3c2e3;border-bottom-left-radius:8px;transform:rotate(90deg)}
.post-it-item.add{justify-content:center;align-items:center;background-color:#b3c2e3;border-radius:8px}
.post-it-item.edit:not(.add){justify-content:center;align-items:center;background:linear-gradient(90deg,#eb0b26 0,#520da3 50%,#0033a1 100%);border-radius:8px}
.post-it-item.postit:not(.add){justify-content:center;align-items:center;background:linear-gradient(90deg,#eb0b26 0,#520da3 50%,#0033a1 100%);border-radius:8px}
.post-it-item.add .post-it-item-edit{margin:0;background:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:5px}
.post-it-item.edit .post-it-item-edit{margin:0;background:#fff;width:100%;height:100%;display:flex;flex-flow:wrap;justify-content:normal;align-items:center;text-align:center;border-radius:5px}
.post-it-item.edit .post-it-item-edit.update{margin:0;background:#fff;width:100%;height:100%;display:flex;flex-flow:wrap;justify-content:normal;align-items:center;text-align:left;border-radius:5px}
.post-it-item.postit .post-it-item-edit{margin:0;background:#fff;width:100%;height:100%;display:flex;flex-flow:wrap;justify-content:normal;align-items:center;text-align:center;border-radius:5px}
.post-it-item.postit .post-it-item-edit.update{margin:0;background:#fff;width:100%;height:100%;display:flex;flex-flow:wrap;justify-content:normal;align-items:center;text-align:left;border-radius:5px}
.post-it-item-edit small{width:130px;padding-left:10px;display:inline-block;font-size:12px;font-weight:400;line-height:15px;color:#000;word-wrap:break-word}
.post-it-item-edit a{text-decoration:underline;color:#000}
.post-it-item-edit.update a{padding-left:10px}
.post-it-item.add .post-it-item-edit a{text-decoration:none;color:#000}
.post-it-item.add .post-it-item-edit a img{display:block;margin:auto;margin-bottom:5px}
.post-it-modal{position:fixed;@media(width <= 768px){position:absolute;.dialog{max-width:576px}
}
}
.post-it-modal .dialog{padding:32px;padding-top:80px;justify-content:flex-start;align-items:flex-start;gap:24px;min-width:576px}
.post-it-modal .dialog[class*='col-sm']{@media(width <= 608px){min-width:unset;max-width:calc(100vw - 32px);.dialog-editable textarea{height:unset;aspect-ratio:2 / 2}
}
}
.post-it-modal .dialog h3{text-align:left}
.post-it-modal .dialog .img-close{width:24px;height:24px;top:32px;right:32px}
.post-it-modal .dialog-editable{width:100%}
.post-it-modal .dialog-editable textarea{padding:12px 36px 48px 12px;width:100%;height:180px;font-size:14px;font-weight:400;line-height:18px;color:#000;background-color:#f0f5c7;resize:none;border:0;text-align:left}
.post-it-modal .dialog-editable::after{content:'';width:12px;height:12px;position:absolute;bottom:2px;right:0;border-width:16px 8px 8px 16px;border-style:solid;border-color:#fff #fff #d9f00f #d9f00f;transform:rotate(90deg)}
.post-it-modal .dialog small{margin-top:-16px;font-size:12px;font-weight:400;line-height:15px;color:#666;word-wrap:break-word}
.post-it-modal .dialog div.to-row{margin-left:auto;width:auto;justify-content:flex-end;align-items:flex-end;gap:8px;@media(width <= 768px){display:grid;button:first-of-type{order:1}
}
@media(width <= 431px){display:flex;flex-flow:column-reverse nowrap;width:100%;button{order:1;width:100%}
}
}
.post-it-modal .dialog div.to-row button{text-transform:uppercase}
@media(min-width:1279px){.post{width:1090px}
}