{"version":3,"sources":["_spinner.scss","frontend.css","frontend.scss"],"names":[],"mappings":"AAAA;EACI,mDAAA;EACA,2CAAA;EACA,SAAA;EACA,YAAA;EACA,OAAA;EACA,YAAA;EACA,kBAAA;EACA,QAAA;EACA,MAAA;EACA,uCAAA;EAEA,+BAAA;EACA,WAAA;ACCJ;;ADEA;EACI,8FAAA;EACA,sFAAA;EAEA,wBAAA;EACA,oBAAA;EACA,qBAAA;ACAJ;;ADGA;EACI,aAAA;EACA,YAAA;EACA,UAAA;EACA,YAAA;EACA,MAAA;EACA,WAAA;ACAJ;;ADGA;EACI;IACI,iCAAA;IACA,yBAAA;ECAN;AACF;ADGA;EACI;IACI,iCAAA;IACA,yBAAA;ECDN;AACF;ADIA;EACI;IACI,wBAAA;IACA,oBAAA;ECFN;EDIE;IACI,yBAAA;IACA,wBAAA;ECFN;EDIE;IACI,yBAAA;IACA,yBAAA;ECFN;AACF;ADKA;EACI;IACI,wBAAA;IACA,oBAAA;ECHN;EDKE;IACI,yBAAA;IACA,wBAAA;ECHN;EDKE;IACI,yBAAA;IACA,yBAAA;ECHN;AACF;ADMA;EACI;IAEI,eAAA;ECLN;EDOE;IACI,eAAA;ECLN;EDOE;IACI,eAAA;ECLN;EDOE;IAEI,eAAA;ECNN;AACF;ADSA;EACI;IAEI,eAAA;ECRN;EDUE;IACI,eAAA;ECRN;EDUE;IACI,eAAA;ECRN;EDUE;IAEI,eAAA;ECTN;AACF;AC3FA;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,mBAAA;MAAA,eAAA;EACA,cAAA;AD6FJ;AC3FI;EACI,cAAA;EACA,yBAAA;EACA,yBAAA;AD6FR;AC1FI;EACI,yBAAA;EACA,kDAAA;UAAA,0CAAA;AD4FR;;ACtFI;EACI,gBAAA;ADyFR;AACA,uCAAuC","file":"frontend.min.css","sourcesContent":[".fs-spinner__svg {\n    -webkit-animation: spinnerRotate 2s linear infinite;\n    animation: spinnerRotate 2s linear infinite;\n    bottom: 0;\n    height: 100%;\n    left: 0;\n    margin: auto;\n    position: absolute;\n    right: 0;\n    top: 0;\n    -webkit-transform-origin: center center;\n    -ms-transform-origin: center center;\n    transform-origin: center center;\n    width: 100%;\n}\n\n.fs-spinner__svg .path {\n    -webkit-animation: spinnerDash 1.5s ease-in-out infinite, spinnerColor 6s ease-in-out infinite;\n    animation: spinnerDash 1.5s ease-in-out infinite, spinnerColor 6s ease-in-out infinite;\n\n    stroke-dasharray: 1,200;\n    stroke-dashoffset: 0;\n    stroke-linecap: round;\n}\n\n.fs__select-spinner {\n    display: none;\n    height: 26px;\n    left: auto;\n    right: -29px;\n    top: 0;\n    width: 26px;\n}\n\n@-webkit-keyframes spinnerRotate {\n    100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes spinnerRotate {\n    100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}\n\n@-webkit-keyframes spinnerDash {\n    0% {\n        stroke-dasharray: 1,200;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 89,200;\n        stroke-dashoffset: -35px;\n    }\n    100% {\n        stroke-dasharray: 89,200;\n        stroke-dashoffset: -124px;\n    }\n}\n\n@keyframes spinnerDash {\n    0% {\n        stroke-dasharray: 1,200;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 89,200;\n        stroke-dashoffset: -35px;\n    }\n    100% {\n        stroke-dasharray: 89,200;\n        stroke-dashoffset: -124px;\n    }\n}\n\n@-webkit-keyframes spinnerColor {\n    100%,\n    0% {\n        stroke: #0073aa;\n    }\n    40% {\n        stroke: #00ace1;\n    }\n    66% {\n        stroke: #0073aa;\n    }\n    80%,\n    90% {\n        stroke: #00ace1;\n    }\n}\n\n@keyframes spinnerColor {\n    100%,\n    0% {\n        stroke: #0073aa;\n    }\n    40% {\n        stroke: #00ace1;\n    }\n    66% {\n        stroke: #0073aa;\n    }\n    80%,\n    90% {\n        stroke: #00ace1;\n    }\n}\n",".fs-spinner__svg {\n  -webkit-animation: spinnerRotate 2s linear infinite;\n  animation: spinnerRotate 2s linear infinite;\n  bottom: 0;\n  height: 100%;\n  left: 0;\n  margin: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  -webkit-transform-origin: center center;\n  -ms-transform-origin: center center;\n  transform-origin: center center;\n  width: 100%;\n}\n\n.fs-spinner__svg .path {\n  -webkit-animation: spinnerDash 1.5s ease-in-out infinite, spinnerColor 6s ease-in-out infinite;\n  animation: spinnerDash 1.5s ease-in-out infinite, spinnerColor 6s ease-in-out infinite;\n  stroke-dasharray: 1, 200;\n  stroke-dashoffset: 0;\n  stroke-linecap: round;\n}\n\n.fs__select-spinner {\n  display: none;\n  height: 26px;\n  left: auto;\n  right: -29px;\n  top: 0;\n  width: 26px;\n}\n\n@-webkit-keyframes spinnerRotate {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes spinnerRotate {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@-webkit-keyframes spinnerDash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n}\n@keyframes spinnerDash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n}\n@-webkit-keyframes spinnerColor {\n  100%, 0% {\n    stroke: #0073aa;\n  }\n  40% {\n    stroke: #00ace1;\n  }\n  66% {\n    stroke: #0073aa;\n  }\n  80%, 90% {\n    stroke: #00ace1;\n  }\n}\n@keyframes spinnerColor {\n  100%, 0% {\n    stroke: #0073aa;\n  }\n  40% {\n    stroke: #00ace1;\n  }\n  66% {\n    stroke: #0073aa;\n  }\n  80%, 90% {\n    stroke: #00ace1;\n  }\n}\n.avatars-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 1rem 0;\n}\n.avatars-wrapper .avatar-wrap {\n  margin: 0.5rem;\n  background-color: #ffffff;\n  border: 4px solid #d9d9d9;\n}\n.avatars-wrapper .avatar-selected {\n  border: 4px solid #21759B;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n}\n\n#item-header-avatar a img {\n  max-width: 150px;\n}\n/*# sourceMappingURL=frontend.css.map */\n","// Frontend\n// @since NEXT\n@import 'mixins';\n\n// General\n@import 'frontend/variables',\n        'spinner';\n\n// Displaying avatars to choose in \"Change Profile Picture\"\n.avatars-wrapper {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 1rem 0;\n\n    .avatar-wrap {\n        margin: .5rem;\n        background-color: #ffffff;\n        border: 4px solid #d9d9d9;\n    }\n\n    .avatar-selected {\n        border: 4px solid #21759B;\n        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);\n    }\n}\n\n// Fix - Current avatar displaying full size when using BP nouveau template\n#item-header-avatar {\n    a img {\n        max-width: 150px;\n    }\n}\n\n\n"]}