.main-profile-container{width:100%;background-color:#fff;margin:auto;position:relative;padding:20px;border:1px solid;border-radius:20px}.badge-container{width:100%;margin:auto}.my-page-badge-des{font-size:16px;@media screen and (max-width:470px){font-size:14px}@media screen and (max-width:380px){font-size:12px}}.locked-badges{width:100%;border:1px solid;border-radius:10px;font-size:16px;cursor:pointer;@media screen and (max-width:400px){font-size:12px}@media screen and (max-width:250px){font-size:10px}}.holographic-overlay{background:linear-gradient(135deg,rgba(107,0,182,.3),rgba(240,0,255,.3),rgba(0,255,255,.3));background-size:400% 400%;animation:holographic 8s ease infinite;pointer-events:none;mix-blend-mode:screen}.holographic-overlay,.holographic-overlay:before{position:absolute;top:0;left:0;width:100%;height:100%}.holographic-overlay:before{content:"";background:linear-gradient(135deg,rgba(107,0,182,.3),rgba(240,0,255,.3),rgba(0,255,255,.3),rgba(0,255,0,.3),rgba(255,255,0,.3),rgba(255,0,0,.3),rgba(107,0,182,.3));background-size:400% 400%;animation:holographic 10s ease infinite}.light-streak{position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,44%,.8) 50%,hsla(0,0%,100%,0));animation:light-streak 3s infinite;pointer-events:none;mix-blend-mode:screen}@keyframes holographic{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes light-streak{0%{left:-50%}50%{left:50%}to{left:150%}}input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;background-image:url(/꼬들꼬들마스코트.png)}
/*# sourceMappingURL=20d567985c8ffcfc.css.map*/