pickup-availability{display:block}
pickup-availability[available]{min-height:12rem}
.pickup-availability-preview{align-items:flex-start;display:flex;gap:.2rem}
@media screen and (min-width:750px){
.pickup-availability-preview{padding:0 2rem 0 0}
}
.pickup-availability-preview .icon{flex-shrink:0;height:1.8rem}
.pickup-availability-preview .icon-unavailable{height:1.6rem;margin-top:.1rem}
.pickup-availability-button{background-color:transparent;color:var(--nova-color-neutral);padding:0 0 .2rem;text-decoration:underline}
.pickup-availability-button:hover{color:var(--nova-color-foreground)}
.pickup-availability-info *{margin:0 0 .6rem}
pickup-availability-drawer{background-color:var(--nova-color-background);border:.1rem solid var(--nova-color-light);height:100%;opacity:0;overflow-y:auto;padding:2rem;position:fixed;top:0;right:0;z-index:4;transition:opacity var(--nova-duration-default) ease,transform var(--nova-duration-default) ease;transform:translateX(100%);width:100%}
pickup-availability-drawer[open]{transform:translateX(0);opacity:1}
@media screen and (min-width:750px){
pickup-availability-drawer{transform:translateX(100%);width:37.5rem}
pickup-availability-drawer[open]{opacity:1;transform:translateX(0);animation:animateDrawerOpen var(--nova-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:var(--nova-color-foreground);cursor:pointer;display:block;height:4.4rem;padding:1.2rem;width:4.4rem}
.pickup-availability-drawer-button:hover{color:var(--nova-color-neutral)}
.pickup-availability-variant{margin:0 0 1.2rem;text-transform:capitalize}
.pickup-availability-variant>*+strong{margin-left:1rem}
.pickup-availability-list__item{border-bottom:.1rem solid var(--nova-color-light);padding:2rem 0}
.pickup-availability-list__item:first-child{border-top:.1rem solid var(--nova-color-light)}
.pickup-availability-list__item>*{margin:0}
.pickup-availability-list__item>*+*{margin-top:1rem}
.pickup-availability-address p{margin:0}
@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)}
}
}