.appointment-outer{position:absolute;top:0;left:0;right:0;display:flex;pointer-events:none;z-index:3;visibility:hidden}.store-appointment{position:sticky;right:0;bottom:3.2rem;width:100%;display:flex;align-self:flex-end;justify-content:flex-end;padding-right:2.4rem;pointer-events:none}.store-appointment__btn{pointer-events:auto;appearance:none;-webkit-appearance:none;border-radius:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;width:29.5rem;padding-block:1.3rem;background-color:#0700ff;border:1px solid #0700ff;color:#fff;font-size:1.3rem;font-weight:300;letter-spacing:.052rem;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.store-appointment__btn:hover{background-color:#fff;color:#0700ff}@media screen and (max-width:749px){.store-appointment{bottom:0;padding-right:0;padding:1.4rem 1.6rem;background-color:#fff;pointer-events:auto}.store-appointment__btn{width:100%;height:4rem}}.appointment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-overlay),.1);z-index:49;opacity:0;pointer-events:none;transition:opacity .3s ease}.appointment-modal-overlay.is-active{opacity:1;pointer-events:auto}.appointment-panel{position:fixed;top:0;right:0;height:100%;width:51.2rem;background:#fff;z-index:50;transform:translate(10%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.appointment-panel.is-open{transform:translate(0);opacity:1;pointer-events:auto}.appointment-panel__header{position:sticky;top:0;z-index:1;background:#fff;display:flex;justify-content:flex-end}.appointment-panel__close{width:6.8rem;height:6.8rem;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;-webkit-appearance:none;appearance:none;color:#333;transition:transform var(--duration-default) cubic-bezier(.25,.1,.25,1)}.appointment-panel__close:hover{transform:rotate(90deg)}.appointment-panel__body{padding:0 9.6rem 6.4rem}.appointment-panel__title{font-size:1.3rem;letter-spacing:.052rem;text-transform:uppercase;color:#333}.appointment-panel__desc{margin-top:.8rem;font-size:1.2rem;line-height:2;letter-spacing:.048rem;color:#777}.appointment-panel__ycb{margin-top:3.6rem}.appointment-panel__faq{margin-top:6rem}.appointment-panel__faq-label{font-size:1.3rem;letter-spacing:.052rem;text-transform:uppercase;color:#333}.appointment-panel__faq-list{margin-top:1.6rem}.appointment-panel__faq-list .accordion{margin-top:0}@media screen and (max-width:749px){.appointment-panel{width:100%}.appointment-panel__close{width:4.6rem;height:6rem}.appointment-panel__body{padding:0 1.6rem 6.4rem}}.store-name-outer{position:absolute;top:0;left:0;right:0;display:flex;pointer-events:none;z-index:3;visibility:hidden;mix-blend-mode:difference}.store-name-sticky{position:sticky;bottom:50vh;align-self:flex-end;transform:translateY(50%);padding-left:2.4rem;font-size:1.8rem;letter-spacing:.072rem;line-height:1.33;color:#fff;white-space:nowrap;-webkit-font-smoothing:antialiased}@media screen and (min-width:750px){[class*=template-page-store] .store-hero__name{display:none}}@media screen and (max-width:749px){.store-name-outer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-store-appointment.css.map */