{"version":3,"file":"static/css/53.b18793cb.chunk.css","mappings":"AAAA,OAIE,gCACA,sBAHA,aACA,gBAFA,WAIA,CAEA,cAOE,uBANA,WAKA,YAFA,OAFA,kBACA,MAEA,WAGA,UAEF,2CAEE,kBACA,WAGF,YACE,aACA,sBAGA,UAFA,kBACA,WAEA,UAEA,iBAKE,WAJA,aAGA,eAFA,8BACA,gBAGA,WAIJ,YAOE,qBAEA,kBADA,uCAHA,aACA,kBALA,kBAEA,WADA,QAQA,2BANA,YAOA,UAEA,mBAKE,WAFA,qCADA,eAEA,gBAHA,kBAIA,CAGF,mBAEE,aACA,sBAEA,8BAIE,uBADA,WADA,WANY,CAKZ,UAGA,CAEA,yDACE,WACA,WAEF,+CACE,wBAEF,0DACE,eAGJ,4CASE,uBAFA,yCACA,gBAHA,WACA,eAHA,WAxBY,CAsBZ,eACA,UAOA,CAEF,4CACE,qBACA,WAIJ,iBACE,gBAEA,0BAME,+BADA,SADA,kBAHA,eAEA,YADA,UAIA","sources":["pages/Login/index.scss"],"sourcesContent":[".login {\r\n  width: 100vw;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n  background: var(--primary-color);\r\n  background-size: cover;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.4);\r\n    z-index: 1;\r\n  }\r\n  .icon-account,\r\n  .icon-password {\r\n    margin-right: 24px;\r\n    width: 26px;\r\n  }\r\n\r\n  &-logo {\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    top: 17.5vh;\r\n    left: 15vw;\r\n    z-index: 1;\r\n\r\n    &__txt {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      margin-top: 23px;\r\n      font-size: 24px;\r\n      color: #ffffff;\r\n      opacity: 0.6;\r\n    }\r\n  }\r\n\r\n  &-form {\r\n    position: absolute;\r\n    top: 52%;\r\n    right: 12vw;\r\n    width: 550px;\r\n    height: 646px;\r\n    padding: 66px 75px;\r\n    background: rgba(176, 161, 121, 0.2);\r\n    box-shadow: inset 0px 4px 4px 0px rgba(255, 255, 255, 0.25);\r\n    border-radius: 3px;\r\n    transform: translateY(-50%);\r\n    z-index: 2;\r\n\r\n    &__title {\r\n      margin-bottom: 20px;\r\n      font-size: 40px;\r\n      font-family: Source Han Serif CN-Bold;\r\n      font-weight: bold;\r\n      color: white;\r\n    }\r\n\r\n    &__input {\r\n      $inputHeight: 85px;\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      .ant-input {\r\n        width: 100%;\r\n        height: $inputHeight;\r\n        color: #ffffff;\r\n        background-color: transparent;\r\n\r\n        &::-webkit-input-placeholder {\r\n          color: #ffffff;\r\n          opacity: 0.6;\r\n        }\r\n        &:-webkit-autofill {\r\n          transition-delay: 99999s;\r\n        }\r\n        &:-webkit-autofill::first-line {\r\n          font-size: 24px;\r\n        }\r\n      }\r\n      .ant-input-affix-wrapper {\r\n        padding: 0 11px;\r\n        width: 100%;\r\n        height: $inputHeight;\r\n        border: none;\r\n        color: #ffffff;\r\n        font-size: 24px;\r\n        border-bottom: 1px solid #ffffff;\r\n        border-radius: 0;\r\n        background-color: transparent;\r\n      }\r\n      .ant-input-password-icon {\r\n        color: #ffffff !important;\r\n        opacity: 0.6;\r\n      }\r\n    }\r\n\r\n    &__btn {\r\n      margin-top: 85px;\r\n\r\n      .ant-btn {\r\n        font-size: 24px;\r\n        width: 100%;\r\n        height: 66px;\r\n        border-radius: 3px;\r\n        border: 0;\r\n        background: var(--second-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":[],"sourceRoot":""}