@shopify/polaris/dist/esnext/components/Sheet/Sheet.css

Shopify’s product component library

.Polaris-Sheet_310da{ position:fixed; bottom:0; width:100%; height:100%; background-color:var(--p-surface, white); box-shadow:var(--p-modal-shadow, 0 31px 41px 0 rgba(32, 42, 53, 0.2), 0 2px 16px 0 rgba(32, 42, 54, 0.08)); }

@media screen and (-ms-high-contrast: active){ .Polaris-Sheet_310da{ border-left:0.1rem solid var(--p-border-subdued, #dfe3e8); } }

@media (min-width: 48.0625em){ .Polaris-Sheet_310da{ right:0; width:38rem; } }

.Polaris-Sheet_310da:focus{ outline:0; }

.Polaris-Sheet__Container_13mbo{ position:fixed; z-index:519; top:0; right:0; bottom:0; left:0; }

@media (min-width: 48.0625em){ .Polaris-Sheet__Container_13mbo{ left:auto; width:38rem; } }

.Polaris-Sheet__Bottom_o943l{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; transition:transform 300ms cubic-bezier(0.64, 0, 0.35, 1); transform-origin:bottom; }

.Polaris-Sheet--enterBottom_1h540{ transform:translateY(100%); }

.Polaris-Sheet--enterBottomActive_vylvu{ transform:translateY(0%); }

.Polaris-Sheet--exitBottom_3rhyu{ transform:translateY(0%); }

.Polaris-Sheet--exitBottomActive_dvue7{ transform:translateY(100%); }

.Polaris-Sheet__Right_312we{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; transition:transform 300ms cubic-bezier(0.64, 0, 0.35, 1); transform-origin:right; }

.Polaris-Sheet--enterRight_2ne6y{ transform:translateX(100%); }

.Polaris-Sheet--enterRightActive_mka44{ transform:translateX(0%); }

.Polaris-Sheet--exitRight_1bfff{ transform:translateX(0%); }

.Polaris-Sheet--exitRightActive_so2w2{ transform:translateX(100%); }