ui-express-checkout{
    display:grid;
    grid-gap:var(--spacing-12);
    gap:var(--spacing-12);
  }
  ui-express-checkout ui-linked-fields{
    display:contents;
    gap:var(--spacing-12);
  }
  ui-express-checkout [ui-express-checkout=field]{
    display:flex;
    flex-direction:column;
    gap:var(--spacing-8);
  }
  ui-express-checkout [ui-express-checkout=field]::after{
    content:attr(error-message);
    color:var(--color-error);
  }
  @media (min-width: 769.02px){
    ui-express-checkout{
      grid-template-columns:repeat(2, 1fr);
    }
    ui-express-checkout > *:last-child{
      grid-column:1/3;
    }
  }
  .express-checkout-default{
    display:flex;
    flex-direction:column;
    gap:var(--spacing-24);
  }
  .express-checkout-default .actions{
    display:grid;
    grid-gap:var(--spacing-12);
    gap:var(--spacing-12);
    grid-template-columns:min-content auto;
  }
  .express-checkout-default .actions:has(> ui-shop-button:nth-of-type(2)) > ui-shop-button:last-of-type{
    grid-column:1/3;
  }
  .express-checkout-drawer [ui-slot=sheet-body]{
    display:flex;
    flex-direction:column;
    gap:calc(var(--spacing-16) + var(--spacing-4));
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box{
    display:grid;
    grid-gap:var(--spacing-8);
    gap:var(--spacing-8);
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box .order{
    display:flex;
    gap:var(--spacing-16);
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box .order .image{
    width:100px;
    height:auto;
    overflow:hidden;
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box .order .image[data-image-ratio=square]{
    aspect-ratio:1/1;
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box .order .image[data-image-ratio=portrait]{
    aspect-ratio:3/4;
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box .order .image[data-image-ratio=landscape]{
    aspect-ratio:4/3;
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box .order .image > img{
    -o-object-fit:cover;
       object-fit:cover;
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box .order .detail{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box .order .detail .info{
    display:grid;
    grid-gap:var(--spacing-4);
    gap:var(--spacing-4);
  }
  .express-checkout-drawer [ui-slot=sheet-body] .order-box .order .detail .info .price{
    color:var(--color-primary);
  }
  .express-checkout-drawer [ui-slot=sheet-footer] ui-quantity{
    display:none;
  }
  ui-phone-validation [ui-phone-validator=input-wrapper]{
    display:flex;
  }
  ui-phone-validation [ui-phone-validator=input-wrapper] [ui-phone-validator=countries]{
    position:relative;
    flex-shrink:0;
    width:75px;
    display:flex;
    align-items:center;
  }
  ui-phone-validation [ui-phone-validator=input-wrapper] [ui-phone-validator=countries] [ui-phone-validator=displayed-country-code]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    flex:1;
  }
  ui-phone-validation [ui-phone-validator=input-wrapper] [ui-phone-validator=countries] [ui-phone-validator=displayed-country-code]::after{
    content:"";
    flex-shrink:0;
    width:6px;
    height:6px;
    transform:translate(-1.5px, -1.5px) rotate(45deg);
    border-right:1.2px solid color-mix(in srgb, var(--color-on-surface) 38%, transparent);
    border-bottom:1.2px solid color-mix(in srgb, var(--color-on-surface) 38%, transparent);
  }
  ui-phone-validation [ui-phone-validator=input-wrapper] [ui-phone-validator=countries] [ui-phone-validator=select-country-code]{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
  }
  ui-phone-validation:not(#\#) [ui-phone-validator=input-wrapper] [ui-phone-validator=number]{
    border-inline-start:none !important;
  }
  ui-phone-validation [ui-phone-validator=input-wrapper] [ui-phone-validator=number]{
    flex:1;
  }
  ui-phone-validation [ui-phone-validator=error]{
    color:var(--color-error);
    font:var(--font-body-sm);
  }
  ui-phone-validation [ui-phone-validator=error][data-hidden=true]{
    display:none;
  }