@import url(https://makasiini.hel.ninja/delivery/HelsinkiGrotesk/HelsinkiGrotesk.css);.stepper-container .steppers{display:flex;flex-direction:row;align-items:center;margin:auto;padding:var(--spacing-s) 0}.stepper-container .steppers .stepper__label{font-size:2rem;height:2rem;line-height:2rem;flex-basis:60%}@media(max-width:576px){.stepper-container .steppers .stepper__label{display:none}}.stepper-container .steppers .steps{flex:1 1 auto;display:flex;align-items:center}.stepper-container .steppers .steps.last{max-width:24px;min-width:24px}.stepper-container .steppers .steps .step{min-width:24px;max-width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;border:2px solid var(--color-black-20);color:var(--color-black-20)}.stepper-container .steppers .steps .step+.step-length{height:2px;width:100%;background:var(--color-black-20)}.stepper-container .steppers .steps .step+.step-length.completed{background:var(--color-black)}.stepper-container .steppers .steps .step.completed{background:var(--color-black);color:var(--color-white)}.stepper-container .steppers .steps .step.selected{border:2px solid var(--color-black);color:var(--color-black)}@media(max-width:576px){.stepper-container.hideInMobile{display:none}}.main-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;justify-content:space-between;background-color:#fafafa}.main-page__container,.main-page footer{width:100%}.main-page .stepper-component{width:100%;background:#fff;display:flex;justify-content:center}.main-page .stepper-component>div{width:100%}.leaflet-container{height:30em;width:100%}.address-component{border-top:4px solid var(--color-black-10)}.address-component.selected{border-top:4px solid var(--color-coat-of-arms)}.address-component .address{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-black-20);padding:var(--spacing-2-xs) 0}.address-component .address__headers{display:flex;flex-direction:column;font-size:var(--fontsize-heading-xs)}.address-component .address__headers__sub_header{margin-bottom:var(--spacing-2-xs);color:var(--color-black-40)}.address-component .zone_type{display:flex;justify-content:space-between;margin:var(--spacing-s) 0}.parking-permit-hero{margin-top:4rem;margin-bottom:3rem}.parking-permit-hero .parking-permit-hero__title{font-size:3.25rem;height:3.25rem;line-height:3.25rem}@media(max-width:576px){.parking-permit-hero .parking-permit-hero__title{font-size:2rem}}@media(max-width:576px){.parking-permit-hero{margin-top:2.5rem;margin-bottom:2rem}}.address-selector-component .no-address{margin-top:0}.address-selector-component .addresses{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.address-selector-component .addresses>div{flex-basis:calc(50% - 70px)}@media(max-width:576px){.address-selector-component .addresses>div{flex-basis:100%}}@media(max-width:576px){.address-selector-component .addresses :last-of-type{margin-top:var(--spacing-s)}}.address-selector-component .addresses.hasOnlyOneAddress>div{flex-basis:100%}@media(max-width:576px){.address-selector-component .addresses{flex-basis:100%}}.address-label-component .headers{display:flex;flex-direction:row;margin-bottom:var(--spacing-xs)}.address-label-component .headers .zone__type__symbol{margin-right:var(--spacing-xs);min-width:42px}.address-label-component .headers__label{display:flex;flex-direction:column;font-size:var(--fontsize-heading-xs)}.address-label-component .headers__label__sub_label{margin-bottom:var(--spacing-2-xs);color:var(--color-black-40)}.new-vehicle-permit,.temporary-vehicle-permit{margin-bottom:var(--spacing-s)}#confirmEditPermit{margin-bottom:var(--spacing-m)}.chooseEndTypeLabel{margin-bottom:var(--spacing-s)}.currentPeriodEndTime{margin-left:var(--spacing-l)}.endOption{margin-bottom:var(--spacing-s)}.permit-component{display:flex;flex-direction:row}@media(max-width:576px){.permit-component{flex-direction:column}}@media(max-width:576px){.permit-component .permit-card{margin-top:var(--spacing-s)}}@media(min-width:992px){.permit-component .permit-card{margin-left:var(--spacing-s)}}.permit-component .permit-card.hide-map{margin-left:0;width:100%}.permit-component .permit-card .addressChanged,.permit-component .permit-card .processing,.permit-component .permit-card .vehicleChanged{background:var(--color-black-10)}.permit-component .permit-action-btns{display:flex;flex-direction:column;align-items:flex-start}.permit-component .permit-action-btns [class^=Button-module_icon]{margin-left:-8px!important}.permit-component .pp-list__title{display:flex;align-items:center;line-height:36px}.permit-component .pp-list__title__text{font-weight:700;margin-left:12px}.permit-component .pp-list__title__vehicle-copyright{line-height:var(--lineheight-m);font-weight:400;font-size:var(--fontsize-body-s)}.permit-component .pp-list__title__icon{width:36px;height:36px;background:var(--color-coat-of-arms);color:#fff;border-radius:50%;text-align:center}.permit-component .pp-list__title__icon.document-icon{background:var(--color-success)}.permit-component .pp-list__title__icon.document-icon.processing{background:var(--color-black-40)}.permit-component .pp-list__title__icon.document-icon .icon{margin:6px;color:var(--color-white);transform:scale(.8)}.permit-component .pp-list__subtitle{margin-left:48px;color:var(--color-black-60);display:flex}.permit-component .pp-list__subtitle>span{margin-right:var(--spacing-s)}.permit-component .pp-list__subtitle>span:last-of-type{margin-right:0}.permit-component .divider{margin:var(--spacing-s) 0;width:100%}.permit-component .message{display:flex;flex-direction:row;margin-top:var(--spacing-s)}.permit-component .message .message-text{margin-left:var(--spacing-s);font-size:var(--fontsize-body-m)}.permit-component .actual-title{font-size:var(--fontsize-body-xl);margin-top:var(--spacing-s)}.permit-component .hasTemporary{background:var(--color-black-10);padding:var(--spacing-s)}.permit-component .hasTemporary .document-icon{background:var(--color-black-40)}.notification{margin:var(--spacing-m) 0}.open-confirmation-btn{margin:var(--spacing-s) 0}.title{font-size:var(--fontsize-heading-m);margin-bottom:var(--spacing-s)}.price-change-detail{display:flex;flex-direction:column;padding:var(--spacing-m);background-color:#fff}.price-change-detail .permit-price-changes .vehicle{font-size:var(--fontsize-body-l);font-weight:700}.price-change-detail .permit-price-changes .vehicle-copyright{font-size:var(--fontsize-body-s);margin-bottom:var(--spacing-s)}.price-change-detail .permit-price-changes .price-change-item,.price-change-detail .total-info{margin-bottom:var(--spacing-m)}.row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--spacing-xs)}.divider{margin:var(--spacing-s) 0;width:100%;border-bottom:1px solid var(--color-black-30)}.refund-info{margin-bottom:var(--spacing-s)}.refund-info .row{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--spacing-xs)}.refund-description{margin:var(--spacing-m) 0}.account-info{margin:var(--spacing-s) 0;display:flex;flex-direction:row}.account-info .account-info-messages{display:flex;flex-direction:column;margin-left:var(--spacing-s)}.account-info .account-info-messages div:not(:last-child){margin-bottom:var(--spacing-s)}.contact-link{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.change-address-component{margin:var(--spacing-l) 0}.change-address-component .change-address-preview{padding:var(--spacing-m);background-color:#fff}.change-address-component .addresses{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.change-address-component .addresses>div{flex-basis:calc(50% - 70px)}@media(max-width:576px){.change-address-component .addresses>div{flex-basis:100%}}.change-address-component .addresses.fullWidth>div{flex-basis:100%}@media(max-width:576px){.change-address-component .addresses :last-of-type{margin-top:var(--spacing-s)}}@media(max-width:576px){.change-address-component .addresses{flex-basis:100%}}@media(min-width:992px){.vehicle-detail-component .registration-input{max-width:50%}}.vehicle-detail-component .change-btn,.vehicle-detail-component .error-notification{margin-top:var(--spacing-s)}.vehicle-detail-component .card{display:flex;justify-content:center;margin-top:var(--spacing-s)}@media(min-width:992px){.vehicle-detail-component .card{max-width:50%}}.vehicle-detail-component .card .car-details{display:flex;flex-direction:column;align-items:center}.vehicle-detail-component .card .registration-number{margin-bottom:var(--spacing-2-xs)}@media(max-width:576px){.vehicle-detail-component .card .registration-number{margin-top:var(--spacing-2-xs)}}.vehicle-detail-component .card .price .offer,.vehicle-detail-component .card .registration-number{font-size:var(--fontsize-heading-s);font-weight:700}.vehicle-detail-component .card .restriction{margin-bottom:var(--spacing-s)}.vehicle-detail-component .card .emission-level{font-size:.75rem;margin:var(--spacing-2-xs) 0;padding:6px 6px 4px;border-radius:16px}.vehicle-detail-component .card .low-emission{background:var(--color-fog)}.vehicle-detail-component .card .high-emission{background:var(--color-black-20)}.vehicle-detail-component .card .price{display:flex;align-items:center;margin:var(--spacing-2-xs) 0;white-space:nowrap}@media(max-width:576px){.vehicle-detail-component .card .price{flex-direction:column}}.vehicle-detail-component .card .price>div{margin-right:var(--spacing-s)}.vehicle-detail-component .card .price>div:last-of-type{margin-right:0}.vehicle-detail-component .card .price>div.invalid{text-decoration:line-through}.vehicle-detail-component .card .vehicle-copyright{font-size:var(--fontsize-body-s)}.vehicle-detail-component .discount-checkbox{-webkit-user-select:none;user-select:none;margin:var(--spacing-s) 0}.permit-type-component{border-top:4px solid var(--color-coat-of-arms);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xl)}.permit-type-component .time-period{padding-top:var(--spacing-s);padding-bottom:var(--spacing-s)}.permit-type-component .time-period .date-selection,.permit-type-component .time-period .month-selection{padding-top:var(--spacing-s);padding-right:var(--spacing-3-xl)}.permit-type-component .time-period.with-bottom-border{border-bottom:2px solid var(--color-black-20)}.permit-type-component .time-period .disabled{color:#999898}.permit-type-component .time-period .date-selection input[readonly]{background-color:var(--input-background-default);border:var(--border-width) solid var(--input-border-color-default);color:var(--input-color-default);padding:0 var(--spacing-s);cursor:default}.permit-type-component .time-period .date-selection input[disabled]{background-color:var(--input-background-disabled);color:var(--input-color-disabled);cursor:not-allowed;border:0}.duration-selector-component .price{display:flex;justify-content:space-between}.duration-selector-component .price>div:first-of-type{margin-right:var(--spacing-2-xs)}.duration-selector-component .price .offer{font-weight:700}.duration-selector-component .price-info{display:flex;justify-content:space-between;padding-left:var(--spacing-s);padding-right:var(--spacing-s)}@media(max-width:576px){.duration-selector-component .price-info{padding-left:0;padding-right:0}}.duration-selector-component .header{display:flex;align-items:center;justify-content:space-between}.duration-selector-component .header .car-info{display:flex}@media(max-width:576px){.duration-selector-component .header .car-info{flex-direction:column}}.duration-selector-component .header .car-info .permit-count{padding-bottom:var(--spacing-3-xs);margin-right:var(--spacing-s)}.duration-selector-component .header .car-info .car-details{font-weight:bolder}.duration-selector-component .vehicle-copyright{font-size:var(--fontsize-body-s);padding-bottom:var(--spacing-2-xs);border-bottom:2px solid var(--color-black-20)}.duration-selector-component .card{border-top:4px solid var(--color-coat-of-arms);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xl)}.duration-selector-component .month-selection{padding-top:var(--spacing-s);padding-right:var(--spacing-3-xl)}.duration-selector-component .disabled{color:var(--color-black-60)}.duration-selector-component .zone__type{margin-top:var(--spacing-l)}.duration-selector-component .radio-button .assistive-text{margin-left:32px;margin-top:6px}@media(min-width:992px){.duration-selector-component .hide-in-desktop{display:none}}@media(max-width:576px){.duration-selector-component .hide-in-mobile{display:none}}.extend-permit-component .price{display:flex;justify-content:space-between}.extend-permit-component .price>div:first-of-type{margin-right:var(--spacing-2-xs)}.extend-permit-component .price .offer{font-weight:700}.extend-permit-component .price-info{display:flex;justify-content:space-between;padding-left:var(--spacing-s);padding-right:var(--spacing-s)}@media(max-width:576px){.extend-permit-component .price-info{padding-left:0;padding-right:0}}.extend-permit-component .header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--color-black-20);padding-bottom:var(--spacing-xl)}.extend-permit-component .card{border-top:4px solid var(--color-coat-of-arms);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xl)}.extend-permit-component .month-selection{padding-top:var(--spacing-s);padding-right:var(--spacing-3-xl)}.extend-permit-component .disabled{color:var(--color-black-60)}.extend-permit-component .zone__type{margin-top:var(--spacing-l)}.extend-permit-component .radio-button .assistive-text{margin-left:32px;margin-top:6px}@media(min-width:992px){.extend-permit-component .hide-in-desktop{display:none}}@media(max-width:576px){.extend-permit-component .hide-in-mobile{display:none}}.landing-page .login-button{margin-top:var(--spacing-l);margin-bottom:var(--spacing-l);width:100%}.logout-button{margin-top:var(--spacing-l)}.low-emission-consent-component .section-label{height:unset}.low-emission-consent-component .discount-checkbox,.low-emission-consent-component .discount-label{margin:var(--spacing-s)}@media(max-width:576px){.registration-number-container .registration-input,.registration-number-container button{margin-top:var(--spacing-s)}}@media(min-width:992px){.registration-number-container{display:flex;align-items:center;margin-bottom:var(--spacing-s)}.registration-number-container button{margin-left:var(--spacing-s)}}@media(min-width:992px){.permit-prices-component .not-in-desktop{display:none}.permit-prices-component .permit-info{max-width:50%}}@media(max-width:576px){.permit-prices-component .not-in-phone{display:none}}.permit-prices-component .permit-info,.permit-prices-component .restriction{margin-bottom:var(--spacing-s)}.permit-prices-component .error-notification{white-space:pre}.permit-prices-component .offer-container{display:flex;justify-content:space-between}@media(max-width:576px){.permit-prices-component .offer-container{flex-direction:column}.permit-prices-component .offer-container>.offer:not(:last-of-type){margin-bottom:var(--spacing-s)}}@media(min-width:992px){.permit-prices-component .offer-container .offer{flex-basis:calc(50% - 8px)}}@media(min-width:992px){.permit-prices-component .offer-container .offer:last-of-type{margin-left:var(--spacing-3-xs)}}.permit-prices-component .offer-container .offer>.card{height:calc(80% - 48px);display:flex;cursor:pointer}@media(max-width:576px){.permit-prices-component .offer-container .offer>.card{flex-direction:column;align-items:center}}.permit-prices-component .offer-container .offer>.card .car-details{display:flex;flex-direction:column;margin-left:var(--spacing-xs);align-items:normal}@media(max-width:576px){.permit-prices-component .offer-container .offer>.card .car-details{margin-left:0}}.permit-prices-component .offer-container .offer>.card .registration-number{margin-bottom:var(--spacing-2-xs)}@media(max-width:576px){.permit-prices-component .offer-container .offer>.card .registration-number{margin-top:var(--spacing-2-xs)}}.permit-prices-component .offer-container .offer>.card .price .offer,.permit-prices-component .offer-container .offer>.card .registration-number{font-size:var(--fontsize-heading-s);font-weight:700}.permit-prices-component .offer-container .offer>.card .emission-level{font-size:.75rem;margin:var(--spacing-2-xs) 0;padding:6px 6px 4px;border-radius:16px}.permit-prices-component .offer-container .offer>.card .low-emission{background:var(--color-fog)}.permit-prices-component .offer-container .offer>.card .high-emission{background:var(--color-black-20)}.permit-prices-component .offer-container .offer>.card.multiple{border-top:4px solid var(--color-black-10)}.permit-prices-component .offer-container .offer>.card.multiple.selected{border-top:4px solid var(--color-coat-of-arms)}.permit-prices-component .offer-container .offer>.card .price{display:flex;align-items:center;margin:var(--spacing-2-xs) 0;white-space:nowrap}@media(max-width:576px){.permit-prices-component .offer-container .offer>.card .price{flex-direction:column}}.permit-prices-component .offer-container .offer>.card .price>div{margin-right:var(--spacing-s)}.permit-prices-component .offer-container .offer>.card .price>div:last-of-type{margin-right:0}.permit-prices-component .offer-container .offer>.card .price>div.invalid{text-decoration:line-through}.permit-prices-component .offer-container .offer .vehicle-copyright{font-size:var(--fontsize-body-s)}.permit-prices-component .offer-container .offer .action-delete{display:flex;height:20%;justify-content:center;background:var(--color-white);border-top:1px solid var(--color-black-20)}@media(max-width:576px){.permit-prices-component .offer-container .offer .car-model,.permit-prices-component .offer-container .offer .registration-number{text-align:center}}.purchased-overview-component .notification{margin-top:var(--spacing-l)}.purchased-overview-component .download-receipt{margin-bottom:var(--spacing-xs);background:#fff}@media(max-width:576px){.purchased-overview-component .download-receipt{width:100%}}.temporary-vehicle-component .date-input,.temporary-vehicle-component .message,.temporary-vehicle-component .time-input{margin-top:var(--spacing-xs)}.temporary-vehicle-component .message{padding:0 var(--spacing-l)}.temporary-vehicle-component .message .icon{margin-right:var(--spacing-3-xs)}.temporary-vehicle-component .notification{margin-bottom:var(--spacing-xs)}.temporary-vehicle-component p{margin-bottom:0}.valid-permit-component .hds-button-danger{border-color:var(--color-error)}.valid-permit-component .hds-button-danger .trash-icon{color:var(--color-error)}.valid-permit-component .hds-button-danger.processing{border-color:inherit}.valid-permit-component .hds-button-danger.processing .trash-icon{color:inherit}.valid-permit-component .addressChanged,.valid-permit-component .vehicleChanged,.valid-permit-component .waitingParkkihubi{margin-top:var(--spacing-l);margin-bottom:var(--spacing-l)}.valid-permit-component .leaflet-container{height:25em}.vehicle-selector-component .zone__type{margin:var(--fontsize-heading-l) 0}.vehicle-selector-component .discount{background:var(--color-coat-of-arms-light);margin-top:var(--spacing-s);padding:4px}.vehicle-selector-component .error-notification,.vehicle-selector-component .purchase-amount-info{margin-bottom:var(--spacing-s)}.vehicle-selector-component .error-notification{white-space:pre}.section-label{font-size:1.5rem;height:1.75rem;line-height:1.75rem;margin-top:var(--spacing-l);margin-bottom:var(--spacing-s)}@media(max-width:576px){.section-label{font-size:1.25rem}}body{font-family:var(--font-default);font-size:var(--fontsize-body-m);color:var(--color-black-90);line-height:var(--lineheight-l)}#root{background:var(--color-black-5)}[class^=Button-module_label]{display:flex;align-items:center;justify-content:center}[class^=Button-module_label] span+svg,[class^=Button-module_label] svg+span{margin-left:var(--spacing-s)}@media(max-width:576px){[class^=Card-module_card]{padding:16px!important}}.zone__type{display:flex;align-items:center}.zone__type__label{font-size:16px;font-weight:700;margin-left:var(--spacing-s)}.zone__type__symbol{height:42px;width:42px;line-height:42px;font-size:20px;text-align:center;font-weight:500;background:var(--color-coat-of-arms);color:var(--color-white);border-radius:50%}.action-buttons{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin:var(--spacing-xl) 0}@media(max-width:576px){.action-buttons{flex-direction:column;justify-content:flex-start;margin:var(--spacing-l) 0}}.action-buttons .action-btn{margin-left:var(--spacing-l)}.action-buttons .action-btn:last-of-type{margin-left:0}@media(max-width:576px){.action-buttons .action-btn{margin-left:0;width:100%}.action-buttons .action-btn:last-of-type{margin-top:var(--spacing-s)}}.custom-radio-btn{--icon-color-selected:var(--color-coat-of-arms);--border-color-selected:var(--color-coat-of-arms)}.leaflet-bottom,.leaflet-top{z-index:auto}
/*# sourceMappingURL=main.8ad121a7.chunk.css.map */