pickup-availability{display:block}pickup-availability[available]{min-height:8rem}pickup-availability-preview{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem;row-gap:.45rem;margin:1.2rem 0 0;padding:1.25rem 1.4rem;border:.1rem solid #e6e3ee;border-radius:1.2rem;background:#fff}pickup-availability-preview .svg-wrapper{grid-column:1;grid-row:1;width:.8rem;height:.8rem;border-radius:50%;background:#3e0185;box-shadow:0 0 0 .3rem #3e018524}pickup-availability-preview .svg-wrapper .icon,pickup-availability-preview .svg-wrapper svg{display:none}pickup-availability-preview .icon-unavailable{height:1.6rem;margin-top:.1rem}.pickup-availability-info{display:contents}.pickup-availability-kicker{grid-column:2;grid-row:1;margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:#3e0185}.pickup-availability-info .caption-large,.pickup-availability-info .caption,.pickup-availability-button{grid-column:1 / -1}.pickup-availability-info .caption-large{margin:0;font-size:1.55rem;font-weight:700;line-height:1.3;color:#121212;text-transform:none;letter-spacing:normal}.pickup-availability-info .caption{margin:0;font-size:1.35rem;line-height:1.5;color:#4a4a4a}.pickup-availability-info .caption a{color:#121212;text-decoration:underline;text-underline-offset:.18em}.pickup-availability-button{display:inline-flex;align-items:center;gap:.3rem;width:100%;margin:.5rem 0 0;padding:.85rem 0 0;border-top:.1rem solid #ebe8f0;background-color:transparent;color:rgb(var(--color-foreground));font-size:1.35rem;font-weight:700;letter-spacing:.01rem;text-align:left;text-decoration:none}.pickup-availability-button:after{content:"\203a";font-weight:700;transition:transform .15s ease}.pickup-availability-button:hover{color:rgb(var(--color-foreground));text-decoration:none}.pickup-availability-button:hover:after{transform:translate(.2rem)}pickup-availability-drawer{background-color:rgb(var(--color-background));height:100%;opacity:0;overflow-y:auto;padding:2rem;position:fixed;top:0;right:0;z-index:4;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease;transform:translate(100%);width:100%;border-width:0 0 0 var(--drawer-border-width);border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));border-style:solid;filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)))}pickup-availability-drawer[open]{transform:translate(0);opacity:1}@media screen and (min-width:750px){pickup-availability-drawer{transform:translate(100%);width:37.5rem}pickup-availability-drawer[open]{opacity:1;transform:translate(0);animation:animateDrawerOpen var(--duration-default) ease}}.pickup-availability-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.2rem}.pickup-availability-drawer-title{margin:.5rem 0 0}.pickup-availability-header .icon{width:2rem}.pickup-availability-drawer-button{background-color:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;display:block;height:4.4rem;padding:1.2rem;width:4.4rem}.pickup-availability-drawer-button:hover{color:rgba(var(--color-foreground),.75)}.pickup-availability-variant{font-size:1.3rem;line-height:calc(1 + .2 / var(--font-body-scale));margin:0 0 1.2rem;text-transform:capitalize}.pickup-availability-variant>*+strong{margin-left:1rem}.pickup-availability-list__item{border-bottom:.1rem solid rgba(var(--color-foreground),.08);padding:2rem 0}.pickup-availability-list__item:first-child{border-top:.1rem solid rgba(var(--color-foreground),.08)}.pickup-availability-list__item>*{margin:0}.pickup-availability-list__item>*+*{margin-top:1rem}.pickup-availability-address{font-style:normal;font-size:1.2rem;line-height:calc(1 + .5 / var(--font-body-scale))}.pickup-availability-address p{margin:0}.pickup-availability-store-text{font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale));color:rgba(var(--color-foreground),.75)}.pickup-availability-store-more{margin:2rem 0 0;font-size:1.3rem}@keyframes animateDrawerOpen{@media screen and (max-width: 749px) {0% {opacity: 0; transform: translateX(100%);} 100% {opacity: 1; transform: translateX(0);}} @media screen and (min-width: 750px) {0% {opacity: 0; transform: translateX(100%);} 100% {opacity: 1; transform: translateX(0);}}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-pickup-availability.css.map */