@square/maker/components/ActionBar/styles.css

📚 Maker Design System by Square

.\1F4DA 4-7-01416Q{transition:opacity .1s ease-in-out,width .1s ease-in-out,margin-right .1s ease-in-out,padding-right .1s ease-in-out,padding-left .1s ease-in-out!important}.\1F4DA 4-7-03U5MT{--regular-bottom-padding:32px;--extra-bottom-padding-for-deadclick:32px;--safe-area-inset-padding:env(safe-area-inset-bottom,0);--mobile-bottom-padding:calc(var(--regular-bottom-padding) + var(--extra-bottom-padding-for-deadclick) + var(--safe-area-inset-padding));display:flex;justify-content:space-between;box-sizing:border-box;padding:24px 24px var(--mobile-bottom-padding) 24px;pointer-events:none}@media screen and (max-width:839px){.\1F4DA 4-7-03lNzJ{display:none}}@media screen and (min-width:840px){.\1F4DA 4-7-019sZd{display:none}.\1F4DA 4-7-03U5MT{padding:24px 24px var(--regular-bottom-padding) 24px}}@media screen and (min-width:1200px){.\1F4DA 4-7-01J87j{display:none}}.\1F4DA 4-7-037PDZ{width:100%}.\1F4DA 4-7-01PdWe{position:relative;z-index:1;width:100%}.\1F4DA 4-7-0qDafz{position:absolute;right:0;bottom:0;left:0;z-index:1}.\1F4DA 4-7-02j_wR{position:fixed;right:0;bottom:0;left:0;z-index:1}.\1F4DA 4-7-0yzV3E{margin-right:8px;transform:translateZ(0);filter:drop-shadow(0 15px 10px rgba(0,0,0,.2));pointer-events:auto}.\1F4DA 4-7-0yzV3E:last-child{margin-right:0}.\1F4DA 4-7-011e94{--regular-bottom-padding:32px;--extra-bottom-padding-for-deadclick:32px;--safe-area-inset-padding:env(safe-area-inset-bottom,0);--actionbar-bottom-padding:calc(var(--regular-bottom-padding) + var(--extra-bottom-padding-for-deadclick) + var(--safe-area-inset-padding));--actionbar-size:64px;--actionbar-top-padding:32px;padding-bottom:calc(var(--actionbar-top-padding) + var(--actionbar-size) + var(--actionbar-bottom-padding))}.\1F4DA 4-7-011e94.\1F4DA 4-7-0pgGLH{padding-bottom:0}@media screen and (min-width:840px){.\1F4DA 4-7-011e94{padding-bottom:0}}.\1F4DA 4-7-02y_aD{--medium-height:48px;--medium-font-size:16px;--medium-padding:24px;--medium-line-height:1.77;position:relative;display:inline-flex;align-items:center;min-width:0;height:var(--medium-height);padding:0 var(--medium-padding);color:var(--text-color);font-weight:500;font-size:var(--medium-font-size);font-family:inherit;vertical-align:middle;background-color:var(--color-main);border:none;border-radius:32px;outline:none;box-shadow:var(--outline-border,0 0),var(--focus-border,0 0);cursor:pointer;transition:color .2s ease-in,background-color .2s ease-in;-webkit-user-select:none;user-select:none;touch-action:manipulation;fill:currentColor}.\1F4DA 4-7-02y_aD>*{line-height:var(--medium-line-height)}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-03UwQ3{display:inline-flex;flex:0 0 auto;align-items:center;width:var(--medium-height);height:var(--medium-height);padding:0}.\1F4DA 4-7-02y_aD{--text-color:var(--color-contrast,#000)}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-03UwQ3>*{line-height:0}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-03Umum{width:100%}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-03Oqio{justify-content:center}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-01LKLk{flex-direction:column;justify-content:space-evenly;padding-top:4px;padding-bottom:4px}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-01Qb_W{flex-direction:row-reverse;justify-content:space-between}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-02jzDo{border-radius:0}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-01TQ0X{border-radius:8px}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-0MQT4A{border-radius:32px}.\1F4DA 4-7-02y_aD:disabled{cursor:auto}.\1F4DA 4-7-02y_aD:disabled>*{opacity:.4}.\1F4DA 4-7-02y_aD:focus{--focus-border:0 0 0 2px #fff,0 0 0 4px var(--color-focus)}.\1F4DA 4-7-02y_aD:active{background-color:var(--color-active,var(--color-main))}@media (hover:hover){.\1F4DA 4-7-02y_aD:hover{background-color:var(--color-hover,var(--color-main))}}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-0_3EPq{color:transparent}.\1F4DA 4-7-02vUvx{position:absolute;top:4px;right:4px;bottom:4px;left:4px;display:flex;align-items:center;justify-content:center;color:var(--text-color);background-color:inherit;border-radius:32px}.\1F4DA 4-7-02j62o{grid-gap:8px;width:-webkit-max-content;width:max-content}.\1F4DA 4-7-03UwQ3 .\1F4DA 4-7-02j62o{display:flex}.\1F4DA 4-7-011Elk{width:-webkit-min-content;width:min-content;opacity:.6}.\1F4DA 4-7-01LKLk .\1F4DA 4-7-011Elk{font-size:12px}.\1F4DA 4-7-01uUUG{max-width:100%;overflow:hidden;line-height:1;white-space:nowrap;text-overflow:ellipsis}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-03Oqio .\1F4DA 4-7-011Elk{margin-left:8px}.\1F4DA 4-7-02y_aD.\1F4DA 4-7-01Qb_W .\1F4DA 4-7-011Elk{margin-right:8px}.\1F4DA 4-7-03zyH_{--regular-bottom-padding:32px;--extra-bottom-padding-for-deadclick:32px;--safe-area-inset-padding:env(safe-area-inset-bottom,0);--actionbar-bottom-padding:calc(var(--regular-bottom-padding) + var(--extra-bottom-padding-for-deadclick) + var(--safe-area-inset-padding));--actionbar-size:64px;--actionbar-top-padding:32px;padding-bottom:calc(var(--actionbar-top-padding) + var(--actionbar-size) + var(--actionbar-bottom-padding))}@media screen and (min-width:840px){.\1F4DA 4-7-03zyH_{--actionbar-size:48px;--actionbar-top-padding:24px;--actionbar-bottom-padding:var(--regular-bottom-padding)}}