.shipping-utility-bar{display:block;background:#f7f7f7;border-bottom:.1rem solid #e5e5e5;padding:.5rem 0;font-size:1.4rem}.shipping-utility-bar__content{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;text-align:center}.shipping-utility-bar__location{display:flex;align-items:center;gap:.8rem}.shipping-utility-bar__location .icon{width:2rem;height:2rem;color:rgb(var(--color-foreground))}.shipping-utility-bar__location-text{color:rgb(var(--color-foreground));line-height:1.8rem}.shipping-utility-bar__province-display{display:inline-flex;align-items:center;gap:.6rem;vertical-align:middle}.shipping-utility-bar__flag{display:inline-flex;align-items:center;width:2.4rem;height:auto;border-radius:.2rem;overflow:hidden;vertical-align:middle}.shipping-utility-bar__flag svg{width:100%;height:100%;display:block}.shipping-utility-bar__flag .flag-ca,.shipping-utility-bar__flag .flag-us{display:block;width:100%;height:auto;max-width:2.4rem;max-height:1.8rem}.shipping-utility-bar__flag .flag-us{display:none}.province-name{color:rgb(var(--color-foreground));font-weight:var(--font-body-weight-bold);letter-spacing:.05em;cursor:help;line-height:1}.shipping-utility-bar__change-btn{font-size:1.3rem}.shipping-utility-bar__message{color:rgb(var(--color-foreground))}.shipping-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001}.shipping-modal.active{display:block!important}.shipping-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;cursor:pointer;animation:fadeIn var(--duration-default) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shipping-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(var(--color-background));border-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));max-width:72rem;width:calc(100% - 3rem);max-height:calc(100vh - 6rem);overflow-y:auto;padding:3rem;animation:slideUp var(--duration-default) ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.shipping-modal__close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;padding:1rem;cursor:pointer;color:rgba(var(--color-foreground),.55);transition:color var(--duration-short) ease;border-radius:50%}.shipping-modal__close:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.shipping-modal__close:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.shipping-modal__title{margin:0 0 .8rem}.shipping-modal__subtitle{color:rgba(var(--color-foreground),.75);margin:0 0 3rem}.shipping-modal__group-title{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;color:rgba(var(--color-foreground),.55);margin:2.4rem 0 1.2rem;text-transform:uppercase;letter-spacing:.1rem}.shipping-modal__group-title:first-of-type{margin-top:0}.shipping-modal__flag{width:2.4rem;height:auto;display:inline-flex;align-items:center}.shipping-modal__flag svg{width:100%;height:auto;display:block}.province-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}.province-option{background:#f5f5f5;border:.1rem solid #ddd;border-radius:var(--buttons-radius);padding:1.6rem 2rem;cursor:pointer;transition:all var(--duration-short) ease;text-align:left;width:100%}.province-option:hover{background:#ebebeb;border-color:#ccc;transform:translateY(-1px)}.province-option:focus-visible{outline:.2rem solid #333;outline-offset:.2rem}.province-option--selected{background:#e0e0e0;border-color:#999}.province-option__content{display:flex;flex-direction:column;gap:.4rem}.province-option__name{font-size:1.5rem;font-weight:var(--font-body-weight);color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.shipping-utility-bar{padding:.5rem 0;font-size:1.3rem}.shipping-utility-bar__content{gap:.3rem}.shipping-utility-bar__location .icon{width:1.6rem;height:1.6rem}.shipping-utility-bar__flag{width:2rem;height:auto;max-width:2rem;max-height:1.5rem}.shipping-utility-bar__province-display{gap:.4rem}.shipping-modal__content{padding:2rem}.shipping-modal__close{top:1rem;right:1rem;padding:.8rem}.province-grid{grid-template-columns:1fr}.province-option{padding:1.4rem 1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/section-shipping-utility-bar.css.map */
