.uv-container{max-width:560px;margin:0 auto;padding:0 1rem;box-sizing:border-box}@media screen and (orientation:landscape){.uv-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}.uv-rainbow-bg{background:#39b54a;background:-moz-linear-gradient(left,#39b54a 0,#ffdb00 25%,#f58020 50%,#ed1c24 75%,#9f4b9d 100%);background:-webkit-linear-gradient(left,#39b54a 0,#ffdb00 25%,#f58020 50%,#ed1c24 75%,#9f4b9d 100%);background:linear-gradient(to right,#39b54a 0,#ffdb00 25%,#f58020 50%,#ed1c24 75%,#9f4b9d 100%)}.forecast-chart{margin-bottom:2rem}.forecast-chart .bar-chart{position:relative;width:100%;padding-bottom:30%}.forecast-chart .bar-chart .bars{position:absolute;top:0;left:0;width:100%;height:100%}.forecast-chart .bar-chart .bars .bar-container{float:left;position:relative;height:100%;background:#414042;border-left:1px solid #393839;border-right:1px solid #393839;box-sizing:border-box}.forecast-chart .bar-chart .bars .bar-container .bar{position:absolute;box-sizing:border-box;right:0;bottom:0;left:0;height:0;transition:height .5s linear;-webkit-transition:height .5s linear;background:#58595b;overflow:hidden}.forecast-chart .bar-chart .bars .bar-container .bar.low{background:#39b54a}.forecast-chart .bar-chart .bars .bar-container .bar.moderate{background:#ffdb00}.forecast-chart .bar-chart .bars .bar-container .bar.high{background:#f58020}.forecast-chart .bar-chart .bars .bar-container .bar.very-high{background:#ed1c24}.forecast-chart .bar-chart .bars .bar-container .bar.extreme{background:#9f4b9d}.forecast-chart .bar-chart .bars .bar-container .bar span{font-size:.8rem;font-weight:500;color:#393839;line-height:1rem;bottom:0;position:absolute;text-align:center;width:100%}.forecast-chart .labels{width:100%;height:1.4rem}.forecast-chart .labels .label{text-align:center;color:#fff;float:left;font-size:.75rem;line-height:1.4rem}@media print,screen and (min-width:31.25em){.forecast-chart .bar-chart{padding-bottom:35%}.forecast-chart .bar-chart .bars .bar-container .bar span{font-size:1.2rem;line-height:2rem}}.forecast-peak{margin-top:1rem;box-sizing:border-box;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#39b54a}.forecast-peak p{color:#fff;font-weight:600;font-size:.9rem;line-height:1.4rem;padding:.2rem .2rem 0 0}.forecast-peak p.date-summary .date{color:#fdc92a}.forecast-peak p img{display:inline-block;width:1rem;margin-right:.5rem;margin-left:1rem}.forecast-peak p.note{font-size:1rem}.forecast-peak p.note i{font-size:.8rem;margin-right:.5rem}.forecast-peak h2{width:3rem;height:3rem;font-size:2.8rem;line-height:3.2rem;float:right;color:#fff;padding:0;text-align:center;background:#39b54a;margin-top:.5rem}.forecast-peak.moderate{border-bottom-color:#ffdb00}.forecast-peak.moderate h2{background:#ffdb00}.forecast-peak.high{border-bottom-color:#f58020}.forecast-peak.high h2{background:#f58020}.forecast-peak.very-high{border-bottom-color:#ed1c24}.forecast-peak.very-high h2{background:#ed1c24}.forecast-peak.extreme{border-bottom-color:#9f4b9d}.forecast-peak.extreme h2{background:#9f4b9d}@media print,screen and (min-width:31.25em){.forecast-peak p{line-height:1.5rem;padding:.3rem .3rem 0 0}.forecast-peak h2{width:4rem;height:4rem;font-size:3.8rem;line-height:4.2rem}}#places-select-head{position:relative;margin:0 auto}#places-select-head #peak-uv,#places-select-head #weather-info{position:absolute;top:.4rem}#places-select-head #peak-uv p,#places-select-head #weather-info p{color:#fff;text-transform:uppercase;line-height:1;padding:0;text-align:right;font-size:.7rem}#places-select-head #peak-uv{right:0;width:5rem}#places-select-head #peak-uv h2{color:#fff;text-align:center;font-size:2.5rem;line-height:.9;color:#39b54a;text-align:right;font-weight:500;padding-bottom:0}#places-select-head #peak-uv h2.moderate{color:#ffdb00}#places-select-head #peak-uv h2.high{color:#f58020}#places-select-head #peak-uv h2.very-high{color:#ed1c24}#places-select-head #peak-uv h2.extreme{color:#9f4b9d}#places-select-head #weather-info{left:0;width:4rem}#places-select-head #weather-info .image{position:relative;width:4rem;height:3rem}#places-select-head #weather-info .image img{position:absolute;top:0;left:.5rem;width:3rem;height:3rem;display:block}#places-select-head #weather-info p{text-align:center}@media (min-height:375px){#places-select-head{margin-bottom:.5rem}}@media print,screen and (min-width:23.4375em){#places-select-head #peak-uv,#places-select-head #weather-info{top:1rem}#places-select-head #peak-uv h2,#places-select-head #weather-info h2{font-size:3rem}#places-select-head #peak-uv p,#places-select-head #weather-info p{font-size:.85rem}}.graphic-container{margin:0 auto 1rem}.graphic-container #graphic{position:relative;margin:0 auto;width:90%;max-width:150px}.graphic-container #graphic .svg-holder .svg-content-responsive .section-outer#section-outer_1{fill:#34942f}.graphic-container #graphic .svg-holder .svg-content-responsive .section-outer#section-outer_2{fill:#ddbe00}.graphic-container #graphic .svg-holder .svg-content-responsive .section-outer#section-outer_3{fill:#ce6b00}.graphic-container #graphic .svg-holder .svg-content-responsive .section-outer#section-outer_4{fill:#c30c0e}.graphic-container #graphic .svg-holder .svg-content-responsive .section-outer#section-outer_5{fill:#8f1270}.graphic-container #graphic .svg-holder .svg-content-responsive .section-inner#section-inner_1{fill:#39b54a}.graphic-container #graphic .svg-holder .svg-content-responsive .section-inner#section-inner_2{fill:#ffdb00}.graphic-container #graphic .svg-holder .svg-content-responsive .section-inner#section-inner_3{fill:#f58020}.graphic-container #graphic .svg-holder .svg-content-responsive .section-inner#section-inner_4{fill:#ed1c24}.graphic-container #graphic .svg-holder .svg-content-responsive .section-inner#section-inner_5{fill:#9f4b9d}.graphic-container #graphic .svg-holder .svg-content-responsive .section-text{fill:#fff;font-size:21px;font-weight:400;text-transform:uppercase;letter-spacing:3px}.graphic-container #graphic .svg-holder .svg-content-responsive .current-index{fill:#39b54a;font-size:115px;font-weight:400;font-family:mongoose,sans-serif}.graphic-container #graphic .svg-holder .svg-content-responsive .current-index.moderate{fill:#ffdb00}.graphic-container #graphic .svg-holder .svg-content-responsive .current-index.high{fill:#f58020}.graphic-container #graphic .svg-holder .svg-content-responsive .current-index.very-high{fill:#ed1c24}.graphic-container #graphic .svg-holder .svg-content-responsive .current-index.extreme{fill:#9f4b9d}.graphic-container #graphic .svg-holder .svg-content-responsive .current-index-loading{font-family:'Font Awesome 6 Free';font-weight:900;fill:#58595b;opacity:0;-webkit-animation-name:spin;-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:4s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:4s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.graphic-container #graphic .svg-holder .svg-content-responsive .current-index-loading.visible{opacity:1}.graphic-container #graphic .svg-holder .svg-content-responsive .pointer{fill:#393839}@media (min-height:300px){.graphic-container #graphic{max-width:200px}}@media (min-height:450px){.graphic-container #graphic{max-width:240px}}@media (min-height:500px){.graphic-container #graphic{max-width:300px}}@media print,screen and (min-width:64em){.graphic-container #graphic{max-width:300px}}@media screen and (orientation:landscape){.graphic-container{top:50px}}@-ms-keyframes spin{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.error-graphic-container{margin:2rem auto 1rem}.error-graphic-container #graphic{position:relative;margin:0 auto;max-width:295px}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-outer{fill:#34942f}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-outer#section-outer_2{fill:#ddbe00}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-outer#section-outer_3{fill:#ce6b00}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-outer#section-outer_4{fill:#c30c0e}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-outer#section-outer_5{fill:#8f1270}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-inner{fill:#39b54a}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-inner#section-inner_2{fill:#ffdb00}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-inner#section-inner_3{fill:#f58020}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-inner#section-inner_4{fill:#ed1c24}.error-graphic-container #graphic .svg-holder .svg-content-responsive .section-inner#section-inner_5{fill:#9f4b9d}.error-graphic-container #graphic .svg-holder .svg-content-responsive .disabled-text{fill:#fff;font-size:16px;text-transform:uppercase;font-weight:600}.error-graphic-container #graphic .svg-holder .svg-content-responsive .current-index-loading{opacity:0}@media print,screen and (min-width:48em){.error-graphic-container{position:fixed;top:80px;left:0;right:55%;bottom:0}.error-graphic-container #graphic{max-width:165px}}@media print and (min-height:300px),screen and (min-width:48em) and (min-height:300px){.error-graphic-container #graphic{max-width:200px}}@media print and (min-height:450px),screen and (min-width:48em) and (min-height:450px){.error-graphic-container #graphic{max-width:295px}}@media screen and (orientation:landscape){.error-graphic-container{top:50px}}@media print,screen and (min-width:64em){.error-graphic-container{top:80px;right:auto;left:50%;width:512px;margin-left:-512px}}#forecast{max-width:600px;margin:0 auto;padding:0 1.5rem 1.5rem}#forecast .view-advice-link{position:relative;display:block;font-size:.65rem;font-weight:600;line-height:2.75rem;text-align:center;text-decoration:none;text-transform:uppercase;color:#fff}#forecast .view-advice-link i{vertical-align:middle;font-size:1.2rem;margin-right:.5rem}#forecast .view-advice-link:hover{color:#393839}#forecast .data-source-link{margin-top:1rem;text-align:right}#forecast .data-source-link a{color:#fff;text-decoration:none}#forecast .data-source-link a:hover{text-decoration:underline}@media print,screen and (min-width:23.4375em){#forecast .view-advice-link{font-size:.75rem}#forecast .view-advice-link i{font-size:1.4rem;margin-right:.75rem}}@media print,screen and (min-width:31.25em){#forecast .view-advice-link{font-size:1rem}}#place-select{position:relative;padding:.4rem 3rem;z-index:2;cursor:pointer;box-sizing:border-box;margin:0 auto;width:20rem}#place-select p.selected{font-size:1rem;text-align:center;color:#fff;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNC45NSA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciID4NCiAgPHJlY3QgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjAiIHdpZHRoPSI0Ljk1IiBoZWlnaHQ9IjYiLz4NCiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgcG9pbnRzPSIzLjU0LDIuMjU1IDIuNDc1LDMuNzQ1IDEuNDEsMi4yNTUiLz4NCjwvc3ZnPg==);background-repeat:no-repeat;background-position:right center;padding:0 1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#place-select .options-holder{display:none;position:absolute;top:2.3rem;width:100%;left:0;background:#58595b;max-height:13rem;overflow:auto;border-bottom:1px solid #393839;border-left:1px solid #393839;border-right:1px solid #393839}#place-select .options-holder .options{width:100%;box-sizing:border-box;padding-bottom:.5rem}#place-select .options-holder .options a,#place-select .options-holder .options p{font-size:1rem;color:#fff;padding:0 .5rem 0;text-overflow:ellipsis;font-weight:300;line-height:1.67;text-decoration:none}#place-select .options-holder .options a i,#place-select .options-holder .options p i{font-size:.8rem;margin-right:.5rem}#place-select .options-holder .options a.enabled:hover,#place-select .options-holder .options p.enabled:hover{background:#c7c8ca}#place-select .options-holder .options a{color:#fdc92a}@media print,screen and (min-width:23.4375em){#place-select{padding-top:.6rem;padding-bottom:.6rem}#place-select p.selected{font-size:1.4rem}#place-select .options-holder{top:2.3rem}#place-select .options-holder .options a,#place-select .options-holder .options p{font-size:1.1rem}#place-select .options-holder .options a i,#place-select .options-holder .options p i{font-size:.8rem}}@media print,screen and (min-width:31.25em){#place-select{width:23rem}}@media print,screen and (min-width:48em){#place-select{padding-top:1rem;padding-bottom:1rem}#place-select p.selected{font-size:1.4rem}#place-select .options-holder{top:4rem}#place-select .options-holder .options a,#place-select .options-holder .options p{font-size:1.2rem}#place-select .options-holder .options a i,#place-select .options-holder .options p i{font-size:.8rem}}#graphic-controls{position:relative;max-width:400px;margin:0 auto 1.5rem}#graphic-controls .alert,#graphic-controls .time{float:left;color:#fff;width:35%;box-sizing:border-box;text-transform:uppercase;border-right:.2rem solid #414042;text-align:center}#graphic-controls .alert:first-child,#graphic-controls .time:first-child{width:30%}#graphic-controls .alert:nth-child(3),#graphic-controls .time:nth-child(3){border-right:none}#graphic-controls .time{font-size:1.9rem;line-height:2rem;padding:.5rem 0;border-bottom:.2rem solid #414042;font-family:mongoose,sans-serif}#graphic-controls .time img{display:inline-block;width:1.6rem;margin-right:.7rem}#graphic-controls .time i{font-size:1.5rem;margin-right:.7rem}#graphic-controls .alert{padding:.5rem .3rem .1rem}#graphic-controls .alert span{font-size:.7rem;line-height:.9rem;display:inline-block;padding-right:.4rem;text-align:left}#graphic-controls .alert span.disabled{color:#58595b}#graphic-controls .alert .toggle{display:inline-block;width:2.475rem;height:1.425rem;margin-top:.1875rem}#graphic-controls .alert .toggle.disabled{cursor:default}#advice-holder{position:relative;max-width:400px;margin:0 auto 1rem}#advice-holder h2{font-size:2.5rem;color:#fff;text-transform:uppercase;padding:1rem 0;line-height:1;text-align:center;background:#414042}#disabled-holder{position:relative;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}#disabled-holder.auth{left:0;position:relative}#disabled-holder.auth .disabled-message{max-width:none}.advice-content-holder .advice-content{border-bottom:1px solid #fff;padding:1rem 0}.advice-content-holder .advice-content .advice-icon{width:4rem;float:left}.advice-content-holder .advice-content .advice-text{width:auto;padding-left:1rem;overflow:hidden}.advice-content-holder .advice-content .advice-text h4{text-transform:uppercase;font-weight:600;color:#39b54a}.advice-content-holder .advice-content .advice-text h4 span{font-family:source-sans-pro,sans-serif}.advice-content-holder .advice-content .advice-text p{color:#fff;padding-bottom:0}.advice-content-holder .advice-content:last-child{border-bottom:none}.advice-content-holder.moderate .advice-content .advice-text h4{color:#ffdb00}.advice-content-holder.high .advice-content .advice-text h4{color:#f58020}.advice-content-holder.very-high .advice-content .advice-text h4{color:#ed1c24}.advice-content-holder.extreme .advice-content .advice-text h4{color:#9f4b9d}#uv-alerts{padding:1rem 2rem 2rem;margin-bottom:1rem;position:relative;max-width:600px;margin:1rem auto 0}#uv-alerts h2{color:#fdc92a;font-weight:600;text-transform:uppercase;border-bottom:1px solid #fff;margin-bottom:10px;padding-bottom:10px;font-family:source-sans-pro,sans-serif;font-size:1.1rem}#uv-alerts #alerts-container{color:#fff}#uv-alerts #alerts-container .alert{border-bottom:1px solid #fff;margin-bottom:1rem}#uv-alerts #alerts-container h4{color:#fdc92a;font-weight:600;text-transform:uppercase;border-bottom:1px solid #fff;margin-bottom:10px;padding-bottom:10px}#uv-alerts #alerts-container p em{font-size:.9rem;color:#c7c8ca}#uv-alerts #alerts-container a{text-decoration:none;color:#00c0f3}#uv-alerts #alerts-container a:hover{color:#fdc92a}#uv-alerts #alerts-container h3{padding:.5rem 0}#uv-alerts #alerts-container ul li span{font-size:.8rem;color:#c7c8ca}#uv-places{padding:1rem 2rem 2rem;margin-bottom:1rem;position:relative;max-width:600px;margin:1rem auto 0}#uv-places h2{color:#fdc92a;font-weight:600;text-transform:uppercase;border-bottom:1px solid #fff;margin-bottom:10px;padding-bottom:10px;font-family:source-sans-pro,sans-serif;font-size:1.1rem}#uv-places p{color:#fff}#uv-places p.label{color:#fff;padding-bottom:.5rem}#uv-places input{font-size:16px;width:100%;border:1px solid #fff;background:#393839;box-sizing:border-box;height:2rem;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0 3px;color:#fff}#uv-places input:focus{outline:0;border-color:#fdc92a}#uv-places .colour-strip-holder{position:absolute;bottom:0;left:0;height:7px;width:50%;font-size:0;background-color:#9f4b9d}#uv-places .colour-strip-holder div{width:20%;display:inline-block;height:100%}#uv-places .colour-strip-holder div:nth-child(1){background-color:#39b54a}#uv-places .colour-strip-holder div:nth-child(2){background-color:#ffdb00}#uv-places .colour-strip-holder div:nth-child(3){background-color:#f58020}#uv-places .colour-strip-holder div:nth-child(4){background-color:#ed1c24}#uv-places #stored-places{background:#58595b}#stored-places{position:relative;margin-bottom:.5rem;font-size:1rem}#stored-places .place{position:relative;border-bottom:1px dashed #fff;height:3rem;overflow:hidden}#stored-places .place:last-child{border-bottom:none}#stored-places .place p{position:absolute;top:0;right:5rem;bottom:0;left:0;text-overflow:ellipsis;overflow:hidden;padding:.5rem;height:2rem;font-size:1.1rem;line-height:2rem;font-weight:300}#stored-places .place .actions{position:absolute;right:.5rem;top:.5rem;bottom:.5rem}#stored-places .place .actions a{display:inline-block;width:2rem;height:2rem;text-align:right;cursor:pointer;font-size:1.2rem;line-height:2rem}#stored-places .place .actions a i{display:none;color:#fff}#stored-places .place .actions a i.delete,#stored-places .place .actions a i.favourite{display:inline-block}#stored-places .place .actions a.delete-place:hover i{color:#ed1c24}#stored-places .place .actions a.loading i{display:none}#stored-places .place .actions a.loading .load{display:inline-block}#stored-places .place .actions.hidden{display:none}#stored-places .place:only-child a.delete-place{display:none}#attribution{height:1rem;margin-bottom:.5rem}#attribution img{height:100%;float:right}.uv-info-holder{margin:2.5rem auto;max-width:600px;padding:0 1.5rem}.uv-info-holder .uv-info-title{margin:0 auto;width:100%;position:relative}.uv-info-holder .uv-info-title h1{text-align:left;line-height:2.5rem}.uv-info-holder .uv-info-title img{position:absolute;top:0;right:0;width:5rem}.uv-info-holder .uv-info-content{margin-top:2rem}.uv-info-holder .uv-info-content p{color:#fff;padding-bottom:1.5rem}.uv-info-holder .uv-info-content h2{text-transform:uppercase;padding-bottom:.5rem;font-size:2rem}.uv-info-holder .uv-info-content .uv-info-content-block{margin-bottom:1rem}.uv-info-holder .uv-info-content .uv-info-content-block h4{color:#fdc92a;font-weight:600;text-transform:uppercase}#uv-spa-links{margin-bottom:1rem}#uv-spa-links a.spa-link{display:block;position:relative;background:#34942f;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:2.5rem;color:#fff;cursor:pointer}#uv-spa-links a.spa-link span{float:left;width:3rem;margin-right:.75rem;background:#39b54a;color:#000;font-size:1rem;line-height:2.5rem;font-weight:700;text-align:center}#uv-spa-links a.spa-link i{position:absolute;right:.5rem;top:50%;margin-top:-.75rem;font-size:1.2rem}#uv-spa-links a.spa-link.moderate{background:#ddbe00}#uv-spa-links a.spa-link.moderate span{background:#ffdb00}#uv-spa-links a.spa-link.high{background:#ce6b00}#uv-spa-links a.spa-link.high span{background:#f58020}#uv-spa-links a.spa-link.very-high{background:#c30c0e}#uv-spa-links a.spa-link.very-high span{background:#ed1c24}#uv-spa-links a.spa-link.extreme{background:#8f1270}#uv-spa-links a.spa-link.extreme span{background:#9f4b9d}#uv-spa-links a.spa-link:hover{color:#000}@media print,screen and (min-width:23.4375em){#uv-spa-links a.spa-scale{font-size:.8rem}#uv-spa-links a.spa-scale span{font-size:1.1rem;width:4rem;font-size:1.2rem}}#modal-container .modal-window.uv-spa-modal{position:fixed;top:80px;padding:0;margin-top:0}#modal-container .modal-window.uv-spa-modal h1{text-align:left;background:#39b54a;color:#fff;padding:1rem;font-size:1.8rem;line-height:2rem;font-weight:500}#modal-container .modal-window.uv-spa-modal h1 span{box-sizing:border-box;height:4rem;width:4rem;border:2px solid #fff;color:#fff;display:block;float:left;text-align:center;font-size:2.8rem;margin-right:.8rem}@supports (-webkit-hyphens:none){#modal-container .modal-window.uv-spa-modal h1{padding:.8rem .8rem 1.6rem;line-height:1rem;font-size:2rem}#modal-container .modal-window.uv-spa-modal h1 span{margin-top:.5rem}}#modal-container .modal-window.uv-spa-modal .close{color:#fff;top:.5rem}#modal-container .modal-window.uv-spa-modal .modal-content{padding:1rem}#modal-container .modal-window.uv-spa-modal.moderate h1{background:#ffdb00;color:#393839}#modal-container .modal-window.uv-spa-modal.moderate h1 span{border:2px solid #393839;color:#393839}#modal-container .modal-window.uv-spa-modal.moderate .close{color:#393839}#modal-container .modal-window.uv-spa-modal.high h1{background:#f58020}#modal-container .modal-window.uv-spa-modal.very-high h1{background:#ed1c24}#modal-container .modal-window.uv-spa-modal.extreme h1{background:#9f4b9d}@media screen and (orientation:landscape){#modal-container .modal-window.uv-spa-modal{top:50px}}@media print,screen and (min-width:31.25em){#modal-container .modal-window.uv-spa-modal{left:50%;margin-left:-230px}}@media print,screen and (min-width:64em){#modal-container .modal-window.uv-spa-modal{top:80px}}.skin-type-selector label{display:inline-block;position:relative;margin:0 .5rem;cursor:pointer}.skin-type-selector label:first-of-type{margin-left:0}.skin-type-selector label:last-of-type{margin-right:0}.skin-type-selector label:hover span{border:2px solid #9f4b9d}.skin-type-selector label input{display:none}.skin-type-selector label input:checked+span{border:2px solid #39b54a}.skin-type-selector label span{width:2rem;height:2rem;display:block;border:2px solid #fff}.skin-type-selector label span.skin-type-1{background:#f3e6c8}.skin-type-selector label span.skin-type-2{background:#e8ba93}.skin-type-selector label span.skin-type-3{background:#edbb8c}.skin-type-selector label span.skin-type-4{background:#bc9066}.skin-type-selector label span.skin-type-5{background:#8e522d}.skin-type-selector label span.skin-type-6{background:#523f37}