.cl-scope .ce-pickup-availability{display:block}
.cl-scope .ce-pickup-availability[available]{min-height:80px}
.cl-scope .pickup-availability-preview{align-items:flex-start;display:flex;gap:2px;padding:10px 20px 0 0}
.cl-scope .pickup-availability-preview .clx-icon{flex-shrink:0;height:18px}
.cl-scope .pickup-availability-preview .icon-unavailable{height:16px;margin-top:1px}
.cl-scope .pickup-availability-button{background-color:transparent;color:rgba(var(--color-foreground),.75);letter-spacing:0.6px;padding:0 0 2px;text-align:left;text-decoration:underline}
.cl-scope .pickup-availability-button:hover{color:rgb(var(--color-foreground))}
.cl-scope .pickup-availability-info *{margin:0 0 6px}
.cl-scope .ce-pickup-availability-drawer{background-color:rgb(var(--color-background));height:100%;opacity:0;overflow-y:auto;padding:20px;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)))}
.cl-scope .ce-pickup-availability-drawer[open]{transform:translate(0);opacity:1}
@media screen and (min-width:750px){.cl-scope .ce-pickup-availability-drawer{transform:translate(100%);width:375px}
.cl-scope .ce-pickup-availability-drawer[open]{opacity:1;transform:translate(0);animation:animateDrawerOpen var(--duration-default) ease}}
.cl-scope .pickup-availability-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}
.cl-scope .pickup-availability-drawer-title{margin:5px 0 0}
.cl-scope .pickup-availability-header .clx-icon{width:20px}
.cl-scope .pickup-availability-drawer-button{background-color:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;display:block;height:44px;padding:12px;width:44px}
.cl-scope .pickup-availability-drawer-button:hover{color:rgba(var(--color-foreground),.75)}
.cl-scope .pickup-availability-variant{font-size:13px;line-height:calc(1 + .2 / var(--font-body-scale));margin:0 0 12px;text-transform:capitalize}
.cl-scope .pickup-availability-variant>*+strong{margin-left:10px}
.cl-scope .pickup-availability-list__item{border-bottom:1px solid rgba(var(--color-foreground),.08);padding:20px 0}
.cl-scope .pickup-availability-list__item:first-child{border-top:1px solid rgba(var(--color-foreground),.08)}
.cl-scope .pickup-availability-list__item>*{margin:0}
.cl-scope .pickup-availability-list__item>*+*{margin-top:10px}
.cl-scope .pickup-availability-address{font-style:normal;font-size:12px;line-height:calc(1 + .5 / var(--font-body-scale))}
.cl-scope .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);}}}