@shopify/polaris/build/esnext/components/Box/Box.out.css

Shopify’s admin product component library

.Polaris-Box--listReset_1gz07{
  list-style-type:none;
  margin-block-start:0;
  margin-block-end:0;
  outline:none;
  padding-inline-start:0;
}

.Polaris-Box_375yx{
  --pc-box-padding-block-end-xs: initial;
  --pc-box-padding-block-end-sm: initial;
  --pc-box-padding-block-end-md: initial;
  --pc-box-padding-block-end-lg: initial;
  --pc-box-padding-block-end-xl: initial;
  padding-block-end: var(--pc-box-padding-block-end-xs);
  --pc-box-padding-block-start-xs: initial;
  --pc-box-padding-block-start-sm: initial;
  --pc-box-padding-block-start-md: initial;
  --pc-box-padding-block-start-lg: initial;
  --pc-box-padding-block-start-xl: initial;
  padding-block-start: var(--pc-box-padding-block-start-xs);
  --pc-box-padding-inline-start-xs: initial;
  --pc-box-padding-inline-start-sm: initial;
  --pc-box-padding-inline-start-md: initial;
  --pc-box-padding-inline-start-lg: initial;
  --pc-box-padding-inline-start-xl: initial;
  padding-inline-start: var(--pc-box-padding-inline-start-xs);
  --pc-box-padding-inline-end-xs: initial;
  --pc-box-padding-inline-end-sm: initial;
  --pc-box-padding-inline-end-md: initial;
  --pc-box-padding-inline-end-lg: initial;
  --pc-box-padding-inline-end-xl: initial;
  padding-inline-end: var(--pc-box-padding-inline-end-xs);
  --pc-box-shadow:initial;
  --pc-box-background:initial;
  --pc-box-border-radius:initial;
  --pc-box-border-end-start-radius:var(--pc-box-border-radius);
  --pc-box-border-end-end-radius:var(--pc-box-border-radius);
  --pc-box-border-start-start-radius:var(--pc-box-border-radius);
  --pc-box-border-start-end-radius:var(--pc-box-border-radius);
  --pc-box-color:initial;
  --pc-box-min-height:initial;
  --pc-box-min-width:initial;
  --pc-box-max-width:initial;
  --pc-box-outline-color:initial;
  --pc-box-outline-style:initial;
  --pc-box-outline-width:initial;
  --pc-box-overflow-x:initial;
  --pc-box-overflow-y:initial;
  --pc-box-width:initial;
  --pc-box-border-style:initial;
  --pc-box-border-color:initial;
  --pc-box-border-width:0;
  --pc-box-border-block-start-width:var(--pc-box-border-width);
  --pc-box-border-block-end-width:var(--pc-box-border-width);
  --pc-box-border-inline-start-width:var(--pc-box-border-width);
  --pc-box-border-inline-end-width:var(--pc-box-border-width);
  --pc-box-inset-block-start:initial;
  --pc-box-inset-block-end:initial;
  --pc-box-inset-inline-start:initial;
  --pc-box-inset-inline-end:initial;
  inset-block-start:var(--pc-box-inset-block-start);
  inset-block-end:var(--pc-box-inset-block-end);
  inset-inline-start:var(--pc-box-inset-inline-start);
  inset-inline-end:var(--pc-box-inset-inline-end);
  background-color:var(--pc-box-background);
  box-shadow:var(--pc-box-shadow);
  border-end-start-radius:var(--pc-box-border-end-start-radius);
  border-end-end-radius:var(--pc-box-border-end-end-radius);
  border-start-start-radius:var(--pc-box-border-start-start-radius);
  border-start-end-radius:var(--pc-box-border-start-end-radius);
  border-color:var(--pc-box-border-color);
  border-style:var(--pc-box-border-style);
  border-block-start-width:var(--pc-box-border-block-start-width);
  border-block-end-width:var(--pc-box-border-block-end-width);
  border-inline-start-width:var(--pc-box-border-inline-start-width);
  border-inline-end-width:var(--pc-box-border-inline-end-width);
  color:var(--pc-box-color);
  min-height:var(--pc-box-min-height);
  min-width:var(--pc-box-min-width);
  max-width:var(--pc-box-max-width);
  outline-color:var(--pc-box-outline-color);
  outline-style:var(--pc-box-outline-style);
  outline-width:var(--pc-box-outline-width);
  overflow-x:var(--pc-box-overflow-x);
  overflow-y:var(--pc-box-overflow-y);
  width:var(--pc-box-width);
  -webkit-overflow-scrolling:touch;
}

@media (min-width: 30.625em) {

.Polaris-Box_375yx{
    padding-block-end: var(
        --pc-box-padding-block-end-sm,
        var(--pc-box-padding-block-end-xs)
      );
}
}

@media (min-width: 48em) {

.Polaris-Box_375yx{
    padding-block-end: var(
        --pc-box-padding-block-end-md,
        var(
          --pc-box-padding-block-end-sm,
          var(--pc-box-padding-block-end-xs)
        )
      );
}
}

@media (min-width: 65em) {

.Polaris-Box_375yx{
    padding-block-end: var(
        --pc-box-padding-block-end-lg,
        var(
          --pc-box-padding-block-end-md,
          var(
            --pc-box-padding-block-end-sm,
            var(--pc-box-padding-block-end-xs)
          )
        )
      );
}
}

@media (min-width: 90em) {

.Polaris-Box_375yx{
    padding-block-end: var(
        --pc-box-padding-block-end-xl,
        var(
          --pc-box-padding-block-end-lg,
          var(
            --pc-box-padding-block-end-md,
            var(
              --pc-box-padding-block-end-sm,
              var(--pc-box-padding-block-end-xs)
            )
          )
        )
      );
}
}

@media (min-width: 30.625em) {

.Polaris-Box_375yx{
    padding-block-start: var(
        --pc-box-padding-block-start-sm,
        var(--pc-box-padding-block-start-xs)
      );
}
}

@media (min-width: 48em) {

.Polaris-Box_375yx{
    padding-block-start: var(
        --pc-box-padding-block-start-md,
        var(
          --pc-box-padding-block-start-sm,
          var(--pc-box-padding-block-start-xs)
        )
      );
}
}

@media (min-width: 65em) {

.Polaris-Box_375yx{
    padding-block-start: var(
        --pc-box-padding-block-start-lg,
        var(
          --pc-box-padding-block-start-md,
          var(
            --pc-box-padding-block-start-sm,
            var(--pc-box-padding-block-start-xs)
          )
        )
      );
}
}

@media (min-width: 90em) {

.Polaris-Box_375yx{
    padding-block-start: var(
        --pc-box-padding-block-start-xl,
        var(
          --pc-box-padding-block-start-lg,
          var(
            --pc-box-padding-block-start-md,
            var(
              --pc-box-padding-block-start-sm,
              var(--pc-box-padding-block-start-xs)
            )
          )
        )
      );
}
}

@media (min-width: 30.625em) {

.Polaris-Box_375yx{
    padding-inline-start: var(
        --pc-box-padding-inline-start-sm,
        var(--pc-box-padding-inline-start-xs)
      );
}
}

@media (min-width: 48em) {

.Polaris-Box_375yx{
    padding-inline-start: var(
        --pc-box-padding-inline-start-md,
        var(
          --pc-box-padding-inline-start-sm,
          var(--pc-box-padding-inline-start-xs)
        )
      );
}
}

@media (min-width: 65em) {

.Polaris-Box_375yx{
    padding-inline-start: var(
        --pc-box-padding-inline-start-lg,
        var(
          --pc-box-padding-inline-start-md,
          var(
            --pc-box-padding-inline-start-sm,
            var(--pc-box-padding-inline-start-xs)
          )
        )
      );
}
}

@media (min-width: 90em) {

.Polaris-Box_375yx{
    padding-inline-start: var(
        --pc-box-padding-inline-start-xl,
        var(
          --pc-box-padding-inline-start-lg,
          var(
            --pc-box-padding-inline-start-md,
            var(
              --pc-box-padding-inline-start-sm,
              var(--pc-box-padding-inline-start-xs)
            )
          )
        )
      );
}
}

@media (min-width: 30.625em) {

.Polaris-Box_375yx{
    padding-inline-end: var(
        --pc-box-padding-inline-end-sm,
        var(--pc-box-padding-inline-end-xs)
      );
}
}

@media (min-width: 48em) {

.Polaris-Box_375yx{
    padding-inline-end: var(
        --pc-box-padding-inline-end-md,
        var(
          --pc-box-padding-inline-end-sm,
          var(--pc-box-padding-inline-end-xs)
        )
      );
}
}

@media (min-width: 65em) {

.Polaris-Box_375yx{
    padding-inline-end: var(
        --pc-box-padding-inline-end-lg,
        var(
          --pc-box-padding-inline-end-md,
          var(
            --pc-box-padding-inline-end-sm,
            var(--pc-box-padding-inline-end-xs)
          )
        )
      );
}
}

@media (min-width: 90em) {

.Polaris-Box_375yx{
    padding-inline-end: var(
        --pc-box-padding-inline-end-xl,
        var(
          --pc-box-padding-inline-end-lg,
          var(
            --pc-box-padding-inline-end-md,
            var(
              --pc-box-padding-inline-end-sm,
              var(--pc-box-padding-inline-end-xs)
            )
          )
        )
      );
}
}

.Polaris-Box--visuallyHidden_yrtt6{
  position: absolute !important;
  top: 0;
  width: 0.0625rem !important;
  height: 0.0625rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

@media print{

.Polaris-Box--printHidden_15ag0{
    display:none !important;
}
  }