@st-namespace 'MobileDrawer-visual-st-css';
@st-import [ setColor, setVar ] from '../../common/formatters.st';

.wstColors {
  -st-mixin: setColor(--wst-primary-background-color-rgb, null, '0, 255, 0'),
  setColor(--wst-system-line-1-color-rgb, null, '0, 0, 255');
}

.borderRadius {
  -st-mixin:
    setVar(--wix-ui-tpa-mobile-drawer-border-radius, null, px, 12);
}

.borderWidth {
  -st-mixin: setVar(--wix-ui-tpa-mobile-drawer-border-width, null, px, 4);
}

.borderColorAndWidth {
  -st-mixin: setColor(--wix-ui-tpa-mobile-drawer-border-color, null, "255, 0, 0"),
    setVar(--wix-ui-tpa-mobile-drawer-border-width, null, px, 4);
}

.borderColorWidthAndOpacity {
  -st-mixin: setColor(--wix-ui-tpa-mobile-drawer-border-color, null, "255, 0, 0", 0.5),
    setVar(--wix-ui-tpa-mobile-drawer-border-width, null, px, 4);
}

.backgroundOpacity {
  -st-mixin: setColor(--wix-ui-tpa-mobile-drawer-background-color, null, "0, 255, 0", 0.5);
}

.combinedOverrides {
  -st-mixin:
    setVar(--wix-ui-tpa-mobile-drawer-border-radius, null, px, 12),
    setVar(--wix-ui-tpa-mobile-drawer-border-width, null, px, 4),
    setColor(--wix-ui-tpa-mobile-drawer-border-color, null, "255, 0, 0", 0.5),
    setColor(--wix-ui-tpa-mobile-drawer-background-color, null, "255, 200, 0", 1);
}

.fill {
  width: 100%;
  height: 100%;
}

.actionMenuContainer {
  width: 100%;
  height: 20%;
}

.socialBarContainer {
  width: 100%;
  text-align: center;
  padding: 10px;
}

.fullScreenContent {
  width: 100%;
  height: 100vh;
  border: 4px solid red;
}

/* st-namespace-reference="../../../../src/components/MobileDrawer/MobileDrawer.visual.st.css" */