@egovernments/digit-ui.css
Version:
Made with create-ui-library
1 lines • 23.1 kB
CSS
@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap);/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}details{display:block}summary{display:list-item}template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Roboto,sans-serif;line-height:1.5}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:780px){.container{max-width:780px}}.table{display:table}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.body-container{--bg-opacity:1;background-color:#e3e3e3;background-color:rgba(227,227,227,var(--bg-opacity));height:100%;min-height:100vh}.navbar{margin-bottom:16px}.h1{font-family:Roboto Condensed,sans-serif;font-size:32px;line-height:40px;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-weight:700}.h1,.link-label{--text-opacity:1;margin-bottom:16px;margin-left:16px}.link-label{display:block;font-size:16px;line-height:19px;color:#1d70b8;color:rgba(29,112,184,var(--text-opacity))}.link-label:hover{color:#003078;color:rgba(0,48,120,var(--text-opacity))}.back-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:block;--border-opacity:1;border-color:#0b0c0c;border-bottom:1px;border-color:rgba(11,12,12,var(--border-opacity));border-style:solid;font-family:Roboto Condensed,sans-serif;--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:16px;line-height:24px;margin-left:8px;margin-top:16px}.back-btn label{margin-right:8px;vertical-align:middle}.back-btn label,.back-btn p{display:inline}.back-btn p{float:right}.back-btn2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;--border-opacity:1;border-color:#0b0c0c;border-bottom:1px;border-color:rgba(11,12,12,var(--border-opacity));border-style:solid;font-family:Roboto Condensed,sans-serif;--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:16px;line-height:24px;margin-left:8px;margin-bottom:16px}.back-btn2 img,.back-btn2 p,.back-btn2 svg{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:780px){.app-container{width:960px;margin-left:auto;margin-right:auto}.h1{font-size:48px;line-height:56px}.back-btn,.back-btn2,.h1,.link-label{margin-left:0}}.navbar{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));background-color:#22394d;background-color:rgba(34,57,77,var(--bg-opacity));padding:16px;width:100%}.card,.navbar{--bg-opacity:1}.card{background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));margin:8px;padding:8px 8px 24px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.16);box-shadow:0 1px 2px 0 rgba(0,0,0,.16)}.card .card-header{--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:32px;line-height:40px;font-weight:700;font-family:Roboto Condensed,sans-serif;vertical-align:middle;text-align:left;margin-bottom:16px}.card .card-sub-header{--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:24px;line-height:32px;font-weight:700;vertical-align:middle;text-align:left;margin-bottom:24px}.card .card-caption{--text-opacity:1;color:#505a5f;color:rgba(80,90,95,var(--text-opacity));font-size:18px;line-height:26px;margin-bottom:8px}.card .card-text{--text-opacity:1;color:#505a5f;color:rgba(80,90,95,var(--text-opacity));font-size:16px;line-height:24px;vertical-align:middle;text-align:left;margin-bottom:24px}.card .card-text span{--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity))}.card .card-text-primary{--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:16px;line-height:24px}.card .card-text-button{--text-opacity:1;color:#f47738;color:rgba(244,119,56,var(--text-opacity));font-size:16px;line-height:24px}.card .card-label{font-weight:700;font-size:19px;line-height:23px;--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));margin-bottom:16px}.card .card-label-error{display:block;font-weight:700;font-size:19px;line-height:23px;--text-opacity:1;color:#d4351c;color:rgba(212,53,28,var(--text-opacity));margin-bottom:16px}.card .card-link{display:block;text-align:center;font-size:16px;line-height:19px;--text-opacity:1;color:#1d70b8;color:rgba(29,112,184,var(--text-opacity));margin-top:16px}.submit-bar{height:2.5rem;--bg-opacity:1;background-color:#f47738;background-color:rgba(244,119,56,var(--bg-opacity));text-align:center;--border-opacity:1;border-color:#0b0c0c;border-bottom:2px;border-style:solid;border-color:rgba(11,12,12,var(--border-opacity));width:100%}.submit-bar header{font-family:Roboto Condensed,sans-serif;font-weight:500;font-size:19px;line-height:23px;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));line-height:2.5rem}@media (min-width:780px){.submit-bar{width:240px}.card{max-width:960px;margin-left:auto;margin-right:auto;padding-right:320px;padding-left:16px;padding-top:16px}.card .card-header{font-size:48px;line-height:56px}.card .card-sub-header{font-size:36px;line-height:40px}.card .card-caption{font-size:27px;line-height:32px}.card .card-text,.card .card-text-primary{font-size:19px;line-height:28px}.card .card-link{text-align:left}}.radio-wrap{margin-top:8px;display:block;line-height:2.5rem;margin-bottom:24px}.radio-wrap div{display:block;margin-bottom:16px}.radio-wrap .radio-btn-wrap{display:block;float:left;position:relative}.radio-wrap .radio-btn{opacity:0;position:absolute;cursor:pointer;height:2.5rem;width:2.5rem}.radio-wrap .radio-btn-checkmark{height:2.5rem;width:2.5rem;--border-opacity:1;border:2px solid #0b0c0c;border-color:rgba(11,12,12,var(--border-opacity));border-radius:9999px;display:block}.radio-wrap label{--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:16x;line-height:20px;margin-left:16px}.radio-wrap .radio-btn-wrap:hover input~.radio-btn-checkmark{-webkit-box-shadow:0 0 0 5px #f47738;box-shadow:0 0 0 5px #f47738;border-radius:9999px}.radio-wrap .radio-btn-checkmark:after{content:""}.radio-wrap .radio-btn-wrap input:checked~.radio-btn-checkmark,.radio-wrap .radio-btn:hover~.radio-btn-checkmark{--border-opacity:1;border-color:#f47738;border-color:rgba(244,119,56,var(--border-opacity))}.radio-wrap .radio-btn-wrap input:checked~.radio-btn-checkmark:after{display:block;--bg-opacity:1;background-color:#f47738;background-color:rgba(244,119,56,var(--bg-opacity));height:1.25rem;width:1.25rem;border-radius:9999px;position:absolute;top:10px;left:10px}.select-wrap{margin-bottom:24px;position:relative}.select-wrap .select{display:block;width:100%;height:2.5rem;--border-opacity:1;border:2px solid #0b0c0c;border-color:rgba(11,12,12,var(--border-opacity))}.select-wrap .select input[type=text]{width:calc(100% - 32px);height:100%;outline:2px solid transparent;outline-offset:2px;padding-left:8px}.select-wrap .select input[type=text],.select-wrap .select p{--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:16x;line-height:20px}.select-wrap .select p{float:left;margin-left:8px;padding-top:9px}.select-wrap .select img,.select-wrap .select svg{float:right;height:1.5rem;width:1.5rem;margin-top:8px;margin-right:8px}.select-wrap .select-active{display:block;width:100%;height:2.5rem;--border-opacity:1;border:2px solid #f47738;border-color:rgba(244,119,56,var(--border-opacity))}.select-wrap .select-active input[type=text]{width:calc(100% - 32px);height:100%;outline:2px solid transparent;outline-offset:2px;padding-left:8px}.select-wrap .select-active input[type=text],.select-wrap .select-active p{--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:16x;line-height:20px}.select-wrap .select-active p{float:left;margin-left:8px;padding-top:9px}.select-wrap .select-active img,.select-wrap .select-active svg{float:right;height:1.5rem;width:1.5rem;margin-top:8px;margin-right:8px}.select-wrap .options-card{width:100%;-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);position:absolute;z-index:10;margin-top:4px;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.select-wrap .options-card p{width:100%;height:3rem;padding-left:8px;--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:16x;line-height:20px}.select-wrap .options-card p:hover{--bg-opacity:1;background-color:#eee;background-color:rgba(238,238,238,var(--bg-opacity))}.select-wrap .options-card p{padding-top:14px}@media (min-width:780px){.select-wrap{width:480px}}.card-input{margin-top:8px;--border-opacity:1;border:2px solid #0b0c0c;border-color:rgba(11,12,12,var(--border-opacity))}.card-input,.card-input-error{margin-bottom:24px;padding-left:8px;outline:2px solid transparent;outline-offset:2px;display:block;width:100%;height:2.5rem;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));line-height:2.5rem;font-size:16x;line-height:20px;--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity))}.card-input-error{--border-opacity:1;border:2px solid #d4351c;border-color:rgba(212,53,28,var(--border-opacity))}.card-textarea{display:block;outline:2px solid transparent;outline-offset:2px;margin-top:16px;margin-bottom:24px;width:100%;--border-opacity:1;border:2px solid #0b0c0c;border-color:rgba(11,12,12,var(--border-opacity));--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));height:6rem;font-size:16x;line-height:20px;--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity))}@media (min-width:780px){.card-input,.card-input-error,.card-textarea{width:480px}}.upload-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:10rem;--bg-opacity:1;background-color:#fafafa;background-color:rgba(250,250,250,var(--bg-opacity));position:relative;margin-bottom:24px;padding-left:8px;padding-right:8px;--border-opacity:1;border:1px dashed #d6d5d4;border-color:rgba(214,213,212,var(--border-opacity))}.upload-wrap img,.upload-wrap svg{display:block;margin-top:58px;margin-left:calc(50% - 23px);height:42px;width:46px}.upload-wrap input{position:absolute;width:100%;height:100%;opacity:0;top:0}.multi-upload-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:24px}.multi-upload-wrap div{display:block;position:relative;background-color:#fafafa;width:calc(33.33333% - 5.33333px);margin-right:8px}.multi-upload-wrap div .delete{position:absolute;height:24px;width:24px;border-radius:100%;top:2px;right:2px}.multi-upload-wrap .upload-img-container{border:1px dashed #d6d5d4;margin:0}.multi-upload-wrap .upload-img-container img{padding-top:calc(33% - 21px)}.multi-upload-wrap .upload-img-container img,.multi-upload-wrap .upload-img-container svg{margin-left:auto;margin-right:auto}.multi-upload-wrap .upload-img-container svg{top:calc(50% - 21px);position:relative}.multi-upload-wrap .upload-img-container input{position:absolute;width:100%;height:100%;opacity:0;top:0}.success-wrap{display:block;--bg-opacity:1;background-color:#00703c;background-color:rgba(0,112,60,var(--bg-opacity));width:100%;text-align:center;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));padding-top:16px;padding-bottom:8px;margin-bottom:16px}.success-wrap header{display:block;margin-bottom:8px;font-family:Roboto Condensed,sans-serif;font-weight:700;font-size:32px;line-height:40px}.success-wrap div img,.success-wrap div svg{padding:13.67px;margin-left:auto;margin-right:auto;--border-opacity:1;border:1px solid #fff;border-color:rgba(255,255,255,var(--border-opacity));border-radius:9999px;height:4rem;width:4rem;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));margin-bottom:16px}.success-wrap div h2{font-size:16px;line-height:19px;margin-bottom:8px}.success-wrap div h2,.success-wrap div p{font-weight:700}.success-wrap div p{font-size:18px;line-height:21px}.error-wrap{display:block;--bg-opacity:1;background-color:#d4351c;background-color:rgba(212,53,28,var(--bg-opacity));width:100%;text-align:center;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));padding-top:16px;padding-bottom:8px;margin-bottom:16px}.error-wrap header{display:block;margin-bottom:8px;font-family:Roboto Condensed,sans-serif;font-weight:700;font-size:32px;line-height:40px}.error-wrap img,.error-wrap svg{margin-left:auto;margin-right:auto;padding:13.67px;--border-opacity:1;border:1px solid #fff;border-color:rgba(255,255,255,var(--border-opacity));border-radius:9999px;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));height:4rem;width:4rem;margin-bottom:16px}@media (min-width:780px){.success-wrap header{font-size:48px;line-height:56px}.error-wrap header{font-size:48px;line-height:56px}}.photos-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.photos-wrap img,.photos-wrap svg{margin-right:14px}.photos-wrap .last,.photos-wrap img,.photos-wrap svg{width:calc(33% - 9.333px)}.date-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px}.date-wrap img,.date-wrap svg{height:22px;width:20px}.date-wrap p{--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:16px;line-height:24px;padding-left:8px}@media (min-width:780px){.date-wrap p{font-size:19px;line-height:28px}}.data-table{margin-bottom:24px;--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity))}.data-table div{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom-width:1px;--border-opacity:1;border-color:#d6d5d4;border-color:rgba(214,213,212,var(--border-opacity));padding-bottom:8px;margin-bottom:8px}.data-table div h2{width:30%;font-weight:700}.data-table div h2,.data-table div p{font-size:16px;line-height:24px}.data-table div p{width:70%}.data-table .row-last{border:none;padding:0;margin:0}.checkpoint-done{display:-webkit-box;display:-ms-flexbox;display:flex}.checkpoint-done h2{width:24px;height:24px;border-radius:50%;--border-opacity:1;border-color:#f47738;border-bottom:1px;border-color:rgba(244,119,56,var(--border-opacity));border-style:solid;--bg-opacity:1;background-color:#f47738;background-color:rgba(244,119,56,var(--bg-opacity))}.checkpoint-done header{margin-left:16px}.checkpoint-done header p{margin-top:4px;--text-opacity:1;color:#505a5f;color:rgba(80,90,95,var(--text-opacity))}.checkpoint{display:-webkit-box;display:-ms-flexbox;display:flex}.checkpoint h2{width:24px;height:24px;border-radius:50%;--border-opacity:1;border-color:#d6d5d4;border-bottom:1px;border-color:rgba(214,213,212,var(--border-opacity));border-style:solid;--bg-opacity:1;background-color:#d6d5d4;background-color:rgba(214,213,212,var(--bg-opacity))}.checkpoint header{margin-left:16px}.checkpoint header p{margin-top:4px;--text-opacity:1;color:#505a5f;color:rgba(80,90,95,var(--text-opacity))}.checkpoint-connect{height:45px;margin-left:12px;--border-opacity:1;border-color:#d6d5d4;border-left:1px;border-color:rgba(214,213,212,var(--border-opacity));border-style:solid}.checkbox-wrap{height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.checkbox-wrap input{opacity:0;z-index:10}.checkbox-wrap .custom-checkbox,.checkbox-wrap input{width:38px;height:38px;position:absolute;top:0;left:0}.checkbox-wrap .custom-checkbox{--border-opacity:1;border:2px solid #0b0c0c;border-color:rgba(11,12,12,var(--border-opacity));z-index:0}.checkbox-wrap .custom-checkbox img{opacity:0}.checkbox-wrap .custom-checkbox svg{opacity:0}.checkbox-wrap input:checked~.custom-checkbox{border-width:4px;--border-opacity:1;border-color:#f47738;border-color:rgba(244,119,56,var(--border-opacity))}.checkbox-wrap input:checked~.custom-checkbox img,.checkbox-wrap input:checked~.custom-checkbox svg{opacity:1}.checkbox-wrap .label{margin-left:56px;font-size:16x;line-height:20px;--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity))}.input-otp-wrap{margin-bottom:24px}.input-otp-wrap input{--border-opacity:1;border:2px solid #0b0c0c;border-color:rgba(11,12,12,var(--border-opacity));outline:2px solid transparent;outline-offset:2px;height:2.5rem;width:2.5rem;font-size:16x;line-height:20px;--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));text-align:center;margin-right:16px}.input-otp-wrap input::-webkit-inner-spin-button,.input-otp-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-otp-wrap input[type=number]{-moz-appearance:textfield}.map-wrap{padding-bottom:24px}.map{width:100%;height:384px;overflow:visible;position:relative}.map-search-bar-wrap{border-radius:4px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);margin-bottom:4px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.map-search-bar-icon{display:inline;height:1.5rem;width:1.5rem;margin:8px}.map-search-bar{display:block;outline:2px solid transparent;outline-offset:2px;font-size:16x;line-height:20px;--text-opacity:1!important;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));height:2.5rem;width:100%}.map-search-bar:focus{border:none}.error-message-wrap{width:100%;margin-bottom:8px;padding:16px;--border-opacity:1;border:4px solid #d4351c;border-color:rgba(212,53,28,var(--border-opacity))}.error-message-wrap h2{margin-bottom:8px}.error-message-wrap h2,.error-message-wrap p{font-weight:700;font-size:16px;line-height:19px;display:block}.error-message-wrap p{--text-opacity:1;color:#d4351c;color:rgba(212,53,28,var(--text-opacity))}.rating-star-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:24px}.rating-star-wrap img,.rating-star-wrap svg{width:40px;height:38px;display:block;margin-right:8px}@media (min-width:780px){.rating-star-wrap{width:40%}}.key-note-pair{margin-bottom:16px}.key-note-pair h3{margin-bottom:4px;font-weight:700}.key-note-pair h3,.key-note-pair p{--text-opacity:1;color:#0b0c0c;color:rgba(11,12,12,var(--text-opacity));font-size:16px;line-height:24px}@media (min-width:780px){.key-note-pair p{font-size:19px;line-height:28px}}.status-highlight{--bg-opacity:12%!important;border-radius:16px;height:2rem;width:5rem;--bg-opacity:1;background-color:#d4351c;background-color:rgba(212,53,28,var(--bg-opacity));margin-bottom:8px}.status-highlight p{padding-top:6px;display:block;text-align:center;font-size:16px;line-height:19px;--text-opacity:1;color:#d4351c;color:rgba(212,53,28,var(--text-opacity))}.image-viewer-wrap{height:100vh;--bg-opacity:1;background-color:#0b0c0c;background-color:rgba(11,12,12,var(--bg-opacity));padding:16px}.image-viewer-wrap svg{position:absolute;height:1.5rem;width:1.5rem;right:16px}.image-viewer-wrap img{max-width:100%;height:auto;margin-top:40%}@media (min-width:780px){.image-viewer-wrap{position:relative;--bg-opacity:1;background-color:#0b0c0c;background-color:rgba(11,12,12,var(--bg-opacity));padding:16px}.image-viewer-wrap svg{position:absolute;height:1.5rem;width:1.5rem;right:16px}.image-viewer-wrap img{width:auto;height:auto;max-width:640px;margin:auto}}