.main-wrapper{font-family:"roc-grotesk";color:#262965;text-align:left}.main-wrapper .hero-wrapper{min-height:400px;display:flex}@media(max-width: 1000px){.main-wrapper .hero-wrapper{flex-direction:column;align-items:center}}.main-wrapper .hero-image-wrapper,.main-wrapper .collection-details-wrapper{display:flex;align-items:center}.main-wrapper .hero-image-wrapper{padding:20px}.main-wrapper .hero-image-wrapper img{width:100%}.main-wrapper .collection-details-wrapper{width:45%;padding:0 20px}@media(max-width: 1000px){.main-wrapper .collection-details-wrapper{order:2;background-color:#51d9f1;width:100%;padding:0}}.main-wrapper .collection-details{background-color:#fff;display:flex;flex-direction:column;margin-left:auto;margin-right:2rem;max-width:450px;padding:1em;padding-bottom:2em;gap:.5em}@media(max-width: 1000px){.main-wrapper .collection-details{background-color:#51d9f1;margin:auto}}.main-wrapper .collection-details .collection-details-header{text-align:left;padding:0;margin:.5em 0}.main-wrapper .collection-steps-wrapper{max-width:1100px;margin:40px auto;padding:20px;display:flex;flex-direction:column;gap:40px}.main-wrapper .collection-steps-wrapper .calendar-picker .day-column .day-entry{background-color:#fff}.main-wrapper .collection-steps-wrapper .calendar-picker .day-column .day-entry.current{cursor:default;border:solid 2px #88b970 !important}.main-wrapper .collection-steps-wrapper .calendar-picker .day-column .day-entry.ph-item{background-color:#ededed;padding:10px !important;box-sizing:initial}.main-wrapper .collection-step{display:flex;flex-direction:column}.main-wrapper .location-details-wrapper,.main-wrapper .calendar-date-time-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.main-wrapper .location-details-wrapper .address-wrapper{max-width:400px}.main-wrapper .location-details-wrapper .address-wrapper .address{font-weight:300}.main-wrapper .button-wrapper{display:flex;flex:1 1 50%;justify-content:center}.main-wrapper .button-wrapper .btn{width:100%;max-width:300px}.main-wrapper .section-header-wrapper,.main-wrapper .details-wrapper{padding:20px;font-weight:500}.main-wrapper .details-wrapper{background-color:#e9fafd;border-radius:10px;padding-top:30px;padding-bottom:30px}.main-wrapper .step-header{font-size:1.2em;margin-bottom:5px}.main-wrapper .calendar-date-time-wrapper{margin-bottom:20px}.main-wrapper .calendar-date-time-wrapper .calendar-date-wrapper{width:100%;display:flex;flex-direction:column}.main-wrapper .calendar-date-time-wrapper .calendar-date-wrapper .viewing-time-calendar{width:100%;margin:0}.main-wrapper .calendar-date-time-wrapper .calendar-picker{max-width:100%;background-color:#e9fafd;padding:10px 0}.main-wrapper .address-header,.main-wrapper .calendar-date-time-wrapper .pseudo-h2{font-size:1.6em;font-family:"roc-grotesk-wide"}.main-wrapper .address-header{display:flex;margin:0;margin-bottom:5px;align-items:baseline}.main-wrapper .address-header .location-icon{height:1em;order:-1;margin-right:10px}.main-wrapper .calendar-wrapper{display:flex;flex-direction:column;gap:20px}.main-wrapper #collection-confirmation-modal{text-align:center}.main-wrapper #collection-confirmation-modal:before{display:none}.main-wrapper #collection-confirmation-modal .collection-confirmation-wrapper{display:flex;flex-direction:column;gap:2rem;align-items:center;padding:0 60px}@media(max-width: 500px){.main-wrapper #collection-confirmation-modal .collection-confirmation-wrapper{padding:0}}.main-wrapper #collection-confirmation-modal .step-header,.main-wrapper #collection-confirmation-modal .address-wrapper,.main-wrapper #collection-confirmation-modal .confirmation-buttons-wrapper,.main-wrapper #collection-confirmation-modal .confirmation-date-time-wrapper{display:flex;flex-direction:column;gap:1rem;align-items:center}.main-wrapper #collection-confirmation-modal .step-header{font-size:1.6em}@media(min-width: 500px){.main-wrapper #collection-confirmation-modal .step-header{font-size:2rem}}@media(max-width: 500px){.main-wrapper #collection-confirmation-modal .address-wrapper{padding:0 40px}}.main-wrapper #collection-confirmation-modal .confirmation-date-time-wrapper{flex-direction:row;justify-content:center;gap:1rem;font-size:1.6em;font-family:"roc-grotesk-wide";font-weight:600}.main-wrapper #select-collection-date-time-button,.main-wrapper #confirm-change-button{background-color:#52d9f2;border-color:#52d9f2}.main-wrapper #keep-editing-button{color:#f77}