homeomorph

Back Back Up Advanced Editor

button{-webkit-appearance:none}button::-moz-focus-inner{padding:0;border:0}.btn{display:inline-block;position:relative;box-sizing:border-box;height:40px;padding:0 25px;transition:background .15s ease,color .15s ease,fill .15s ease,border-color .15s ease,opacity .15s ease,visibility .15s ease;border:0;border-radius:3px;outline:none;background:none;font-family:-apple-system,system-ui,blinkmacsystemfont,segoe ui,helvetica neue,arial,sans-serif;font-size:14px;font-weight:500;text-align:center;text-decoration:none;text-transform:uppercase;word-break:break-all;word-break:break-word;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none}.btn_full-width{width:100%}.btn.effect-fade-out{transition:opacity .3s ease-out}.btn.effect-fade-out:hover{opacity:.75}.btn.effect-scale{backface-visibility:hidden;transition:transform .3s ease-out;will-change:transform}.btn.effect-scale:hover{transform:scale(1.1)}.btn.effect-uplift{top:0;transform:translateZ(0);transition:top .3s ease-out,transform .3s ease-out}.btn.effect-uplift:before{content:"";position:absolute;z-index:-1;inset:0 0 -8px;pointer-events:none}.btn.effect-uplift:hover{top:-8px;transform:perspective(70px) rotateX(5deg)}.btn.effect-uplift:hover:before{transform:scale(1.11);pointer-events:auto}.btn.effect-expand{transition:letter-spacing .3s ease-out}.btn.effect-expand:hover{letter-spacing:.15em}.btn.effect-shine{overflow:hidden}.btn.effect-shine:after{content:"";display:block;visibility:visible !important;position:absolute;z-index:3;top:0;left:0;width:30px;height:100%;transform:translateX(-70px) skewX(-15deg);opacity:0;background:rgba(255,255,255,.4);pointer-events:none;filter:blur(5px)}.btn.effect-shine:before{content:"";display:block;position:absolute;z-index:2;top:0;left:0;width:60px;height:100%;transform:translateX(-100px) skewX(-15deg);opacity:.5;background:rgba(255,255,255,.7);pointer-events:none;filter:blur(30px)}.btn.effect-shine:hover:before{left:100%;transform:translateX(50px) skewX(-15deg);transition:.6s linear;opacity:.6}.btn.effect-shine:hover:after{left:100%;transform:translateX(80px) skewX(-15deg);transition:.6s linear;opacity:1 !important}.btn.effect-shadow{transition:box-shadow .3s ease-out,text-shadow .3s ease-out}.btn.effect-shadow:hover{box-shadow:0 10px 20px rgba(17,29,38,.16),0 6px 6px rgba(17,29,38,.2)}.btn.effect-glow{transition:box-shadow .3s ease-out,text-shadow .3s ease-out}.btn.effect-glow:hover{box-shadow:0 10px 20px rgba(255,255,255,.16),0 6px 6px rgba(255,255,255,.4)}.btn.disabled{background-color:#e4e7e9;color:#a2a8ad;cursor:default;pointer-events:none}.btn .icon{pointer-events:none}.btn>span{position:relative}.btn_primary.effect-swipe,.btn_secondary.effect-swipe,.btn_border-primary.effect-swipe,.btn_border-secondary.effect-swipe,.btn_default.effect-swipe{overflow:hidden}.btn_primary.effect-swipe svg,.btn_secondary.effect-swipe svg,.btn_border-primary.effect-swipe svg,.btn_border-secondary.effect-swipe svg,.btn_default.effect-swipe svg{transition:fill .3s ease-out}.btn_primary.effect-swipe:before,.btn_secondary.effect-swipe:before,.btn_border-primary.effect-swipe:before,.btn_border-secondary.effect-swipe:before,.btn_default.effect-swipe:before{content:"";position:absolute;top:0;left:-270%;width:250%;height:100%;transform:skewX(-30deg);transition:.3s ease-out}.btn_primary.effect-swipe:hover:before,.btn_secondary.effect-swipe:hover:before,.btn_border-primary.effect-swipe:hover:before,.btn_border-secondary.effect-swipe:hover:before,.btn_default.effect-swipe:hover:before{left:-70%}.btn_primary.effect-doors,.btn_secondary.effect-doors,.btn_border-primary.effect-doors,.btn_border-secondary.effect-doors,.btn_default.effect-doors{z-index:1;transition:color .3s cubic-bezier(0.2, 1, 0.3, 1),background .3s cubic-bezier(0.2, 1, 0.3, 1)}.btn_primary.effect-doors svg,.btn_secondary.effect-doors svg,.btn_border-primary.effect-doors svg,.btn_border-secondary.effect-doors svg,.btn_default.effect-doors svg{transition:fill .3s cubic-bezier(0.2, 1, 0.3, 1)}.btn_primary.effect-doors:before,.btn_secondary.effect-doors:before,.btn_border-primary.effect-doors:before,.btn_border-secondary.effect-doors:before,.btn_default.effect-doors:before{content:"";position:absolute;z-index:-1;inset:0;transform:scale3d(0.75, 1, 1);transition:transform .3s cubic-bezier(0.2, 1, 0.3, 1),opacity .3s cubic-bezier(0.2, 1, 0.3, 1);border-radius:inherit;opacity:0}.btn_primary.effect-doors:hover,.btn_secondary.effect-doors:hover,.btn_border-primary.effect-doors:hover,.btn_border-secondary.effect-doors:hover,.btn_default.effect-doors:hover{background:rgba(0,0,0,0)}.btn_primary.effect-doors:hover:before,.btn_secondary.effect-doors:hover:before,.btn_border-primary.effect-doors:hover:before,.btn_border-secondary.effect-doors:hover:before,.btn_default.effect-doors:hover:before{transform:translate3d(0, 0, 0);opacity:1}.btn_border-primary.effect-shadow:hover,.btn_border-secondary.effect-shadow:hover{box-shadow:inset 0 4px 12px rgba(17,29,38,.26),0 4px 4px rgba(17,29,38,.36);text-shadow:0 10px 20px rgba(17,29,38,.26),0 6px 6px rgba(17,29,38,.4)}.btn_border-primary.effect-glow:hover,.btn_border-secondary.effect-glow:hover{box-shadow:inset 0 6px 12px rgba(255,255,255,.12),0 4px 6px rgba(255,255,255,.26);text-shadow:0 10px 20px rgba(255,255,255,.2),0 6px 6px rgba(255,255,255,.3)}.btn_primary{padding:6px 2em;border-radius:var(--btn_primary_borderRadius);background:var(--btn_primary_background);color:var(--btn_primary_color);font-family:var(--btn_primary_fontFamily);font-size:var(--btn_primary_fontSize);font-style:var(--btn_primary_fontStyle);font-weight:var(--btn_primary_fontWeight);-webkit-text-decoration:var(--btn_primary_textDecoration);text-decoration:var(--btn_primary_textDecoration);text-transform:var(--btn_primary_textTransform)}.btn_primary.effect-swipe{transition:color .3s ease-out,background 0s .3s ease-out,box-shadow 0s .3s ease-out;box-shadow:inset 0 0 0 0 var(--btn_primary_background)}.btn_primary.effect-swipe:before{left:0;width:250%;transform-origin:top;background:var(--btn_primary_background)}.btn_primary.effect-swipe:hover{transition:color .3s ease-out;background:rgba(0,0,0,0) !important;box-shadow:inset 0 0 0 var(--btn_borderPrimary_borderWidth) var(--btn_primary_background);color:var(--btn_primary_background)}.btn_primary.effect-swipe:hover:before{left:100%;transform-origin:bottom;background:var(--btn_primary_background)}.btn_primary.effect-swipe:hover svg{fill:var(--btn_primary_background) !important}.btn_primary.effect-color{transition:background .3s ease-out}.btn_primary.effect-color:hover{background:var(--color_altBrand) !important}.btn_primary.effect-style{transition:background .3s ease-out,color .3s ease-out,box-shadow .3s ease-out;box-shadow:inset 0 0 0 0 var(--btn_primary_background)}.btn_primary.effect-style svg{transition:fill .3s ease-out}.btn_primary.effect-style:hover{background:rgba(0,0,0,0);box-shadow:inset 0 0 0 var(--btn_borderPrimary_borderWidth) var(--btn_primary_background);color:var(--btn_primary_background)}.btn_primary.effect-style:hover svg{fill:var(--btn_primary_background) !important}.btn_primary.effect-doors{transition:color .3s cubic-bezier(0.2, 1, 0.3, 1)}.btn_primary.effect-doors:before{background:var(--btn_primary_color) !important}.btn_primary.effect-doors:hover{transition:color .3s cubic-bezier(0.2, 1, 0.3, 1),background .3s 0s;color:var(--btn_primary_background)}.btn_primary.effect-doors:hover svg{fill:var(--btn_primary_background) !important}.btn_secondary{padding:6px 2em;border-radius:var(--btn_secondary_borderRadius);background:var(--btn_secondary_background);color:var(--btn_secondary_color);font-family:var(--btn_secondary_fontFamily);font-size:var(--btn_secondary_fontSize);font-style:var(--btn_secondary_fontStyle);font-weight:var(--btn_secondary_fontWeight);-webkit-text-decoration:var(--btn_secondary_textDecoration);text-decoration:var(--btn_secondary_textDecoration);text-transform:var(--btn_secondary_textTransform)}.btn_secondary.effect-swipe{transition:color .3s ease-out,background 0s .3s ease-out,box-shadow 0s .3s ease-out;box-shadow:inset 0 0 0 0 var(--btn_secondary_background)}.btn_secondary.effect-swipe:before{left:0;width:250%;transform-origin:top;background:var(--btn_secondary_background)}.btn_secondary.effect-swipe:hover{transition:color .3s ease-out;background:rgba(0,0,0,0) !important;box-shadow:inset 0 0 0 var(--btn_borderSecondary_borderWidth) var(--btn_secondary_background);color:var(--btn_secondary_background)}.btn_secondary.effect-swipe:hover:before{left:100%;transform-origin:bottom;background:var(--btn_secondary_background)}.btn_secondary.effect-swipe:hover svg{fill:var(--btn_secondary_background) !important}.btn_secondary.effect-color{transition:background .3s ease-out}.btn_secondary.effect-color:hover{background:var(--color_brand) !important}.btn_secondary.effect-style{transition:background .3s ease-out,color .3s ease-out,box-shadow .3s ease-out;box-shadow:inset 0 0 0 0 var(--btn_secondary_background)}.btn_secondary.effect-style svg{transition:fill .3s ease-out}.btn_secondary.effect-style:hover{background-color:rgba(0,0,0,0);box-shadow:inset 0 0 0 var(--btn_borderPrimary_borderWidth) var(--btn_secondary_background);color:var(--btn_secondary_background)}.btn_secondary.effect-style:hover svg{fill:var(--btn_secondary_background) !important}.btn_secondary.effect-doors{transition:color .3s cubic-bezier(0.2, 1, 0.3, 1)}.btn_secondary.effect-doors:before{background:var(--btn_secondary_color) !important}.btn_secondary.effect-doors:hover{transition:color .3s cubic-bezier(0.2, 1, 0.3, 1),background .3s 0s;color:var(--btn_secondary_background)}.btn_secondary.effect-doors:hover svg{fill:var(--btn_secondary_background) !important}.btn_border-primary{padding:calc(6px - var(--btn_borderPrimary_borderWidth)) calc(2em - var(--btn_borderPrimary_borderWidth));border-width:var(--btn_borderPrimary_borderWidth);border-style:solid;border-radius:var(--btn_borderPrimary_borderRadius);border-color:var(--btn_borderPrimary_borderColor);background:var(--btn_borderPrimary_background);color:var(--btn_borderPrimary_color);font-family:var(--btn_borderPrimary_fontFamily);font-size:var(--btn_borderPrimary_fontSize);font-style:var(--btn_borderPrimary_fontStyle);font-weight:var(--btn_borderPrimary_fontWeight);-webkit-text-decoration:var(--btn_borderPrimary_textDecoration);text-decoration:var(--btn_borderPrimary_textDecoration);text-transform:var(--btn_borderPrimary_textTransform)}.btn_border-primary.effect-swipe{transition:color .3s ease-out}.btn_border-primary.effect-swipe:before{right:100%;left:auto;transform-origin:top;background:var(--btn_borderPrimary_borderColor)}.btn_border-primary.effect-swipe:hover{transition:color .3s ease-out,background 0s .3s ease-out;background:var(--btn_borderPrimary_borderColor);color:var(--color_textAlt)}.btn_border-primary.effect-swipe:hover:before{right:0;left:auto;transform-origin:bottom}.btn_border-primary.effect-swipe:hover svg{fill:var(--color_textAlt) !important}.btn_border-primary.effect-color{transition:border-color .3s ease-out,color .3s ease-out}.btn_border-primary.effect-color svg{transition:fill .3s ease-out}.btn_border-primary.effect-color:hover{border-color:var(--color_altBrand);color:var(--color_altBrand)}.btn_border-primary.effect-color:hover svg{fill:var(--color_altBrand) !important}.btn_border-primary.effect-style{transition:background .3s ease-out,color .3s ease-out}.btn_border-primary.effect-style svg{transition:fill .3s ease-out}.btn_border-primary.effect-style:hover{background-color:var(--btn_borderPrimary_borderColor);color:var(--color_textAlt)}.btn_border-primary.effect-style:hover svg{fill:var(--color_textAlt) !important}.btn_border-primary.effect-doors:before{top:calc(-1*var(--btn_borderPrimary_borderWidth));left:calc(-1*var(--btn_borderPrimary_borderWidth));width:calc(100% + 2*(var(--btn_borderPrimary_borderWidth)));height:calc(100% + 2*(var(--btn_borderPrimary_borderWidth)));background:var(--btn_borderPrimary_borderColor)}.btn_border-primary.effect-doors:hover{color:var(--color_textAlt)}.btn_border-primary.effect-doors:hover svg{fill:var(--color_textAlt) !important}.btn_border-secondary{padding:calc(6px - var(--btn_borderSecondary_borderWidth)) calc(2em - var(--btn_borderSecondary_borderWidth));border-width:var(--btn_borderSecondary_borderWidth);border-style:solid;border-radius:var(--btn_borderSecondary_borderRadius);border-color:var(--btn_borderSecondary_borderColor);background:var(--btn_borderSecondary_background);color:var(--btn_borderSecondary_color);font-family:var(--btn_borderSecondary_fontFamily);font-size:var(--btn_borderSecondary_fontSize);font-style:var(--btn_borderSecondary_fontStyle);font-weight:var(--btn_borderSecondary_fontWeight);-webkit-text-decoration:var(--btn_borderSecondary_textDecoration);text-decoration:var(--btn_borderSecondary_textDecoration);text-transform:var(--btn_borderSecondary_textTransform)}.btn_border-secondary.effect-swipe{transition:color .3s ease-out}.btn_border-secondary.effect-swipe:before{right:100%;left:auto;transform-origin:top;background:var(--btn_borderSecondary_borderColor)}.btn_border-secondary.effect-swipe:hover{transition:color .3s ease-out,background 0s .3s ease-out;background:var(--btn_borderSecondary_borderColor);color:var(--color_text)}.btn_border-secondary.effect-swipe:hover:before{right:0;left:auto;transform-origin:bottom}.btn_border-secondary.effect-swipe:hover svg{fill:var(--color_text) !important}.btn_border-secondary.effect-color{transition:border-color .3s ease-out,color .3s ease-out}.btn_border-secondary.effect-color svg{transition:fill .3s ease-out}.btn_border-secondary.effect-color:hover{border-color:var(--color_brand);color:var(--color_brand)}.btn_border-secondary.effect-color:hover svg{fill:var(--color_brand) !important}.btn_border-secondary.effect-style{transition:background .3s ease-out,color .3s ease-out}.btn_border-secondary.effect-style svg{transition:fill .3s ease-out}.btn_border-secondary.effect-style:hover{background-color:var(--btn_borderSecondary_borderColor);color:var(--color_text)}.btn_border-secondary.effect-style:hover svg{fill:var(--color_text) !important}.btn_border-secondary.effect-doors:before{top:calc(-1*var(--btn_borderSecondary_borderWidth));left:calc(-1*var(--btn_borderSecondary_borderWidth));width:calc(100% + 2*var(--btn_borderSecondary_borderWidth));height:calc(100% + 2*var(--btn_borderSecondary_borderWidth));background:var(--btn_borderSecondary_borderColor)}.btn_border-secondary.effect-doors:hover{color:var(--color_text)}.btn_border-secondary.effect-doors:hover svg{fill:var(--color_text) !important}.btn_default{padding:6px !important;border-radius:var(--btn_default_borderRadius);background:var(--btn_default_background);color:var(--btn_default_color);font-family:var(--btn_default_fontFamily);font-size:var(--btn_default_fontSize);font-style:var(--btn_default_fontStyle);font-weight:var(--btn_default_fontWeight);text-transform:var(--btn_default_textTransform);word-break:break-all}.btn_default.effect-swipe{transition:color .3s ease-out,background .3s ease-out}.btn_default.effect-swipe:before{right:100%;left:auto;transform-origin:top;background:var(--btn_default_color)}.btn_default.effect-swipe:hover{color:var(--color_textAlt)}.btn_default.effect-swipe:hover:before{right:0;left:auto;transform-origin:bottom}.btn_default.effect-swipe:hover svg{fill:var(--color_textAlt) !important}.btn_default.effect-color{transition:color .3s ease-out}.btn_default.effect-color svg{transition:fill .3s ease-out}.btn_default.effect-color:hover{color:var(--color_altBrand)}.btn_default.effect-color:hover svg{fill:var(--color_altBrand) !important}.btn_default.effect-style:before{content:"";position:absolute;z-index:1;inset:-4px;transition:opacity .3s ease-out;border:var(--btn_borderPrimary_borderWidth) solid var(--btn_default_color);opacity:0;pointer-events:none}.btn_default.effect-style:hover:before{opacity:1;pointer-events:auto}.btn_default.effect-doors:before{background:var(--btn_default_color)}.btn_default.effect-doors:hover{color:var(--color_textAlt)}.btn_default.effect-doors:hover svg{fill:var(--color_textAlt) !important}.btn_default.effect-uplift:hover{transform:perspective(70px) rotateX(10deg)}.btn_default.effect-shadow:hover{box-shadow:none;text-shadow:0 10px 20px rgba(17,29,38,.16),0 6px 6px rgba(17,29,38,.2)}.btn_default.effect-glow:hover{box-shadow:none;text-shadow:0 10px 20px rgba(255,255,255,.16),0 6px 6px rgba(255,255,255,.4)}.btn_default>span{display:inline !important}.buttons__box .btn2{font-size:var(--menu_fontSize)}.brand{border-radius:var(--brandingTheme_borderRadius);background:var(--brandingTheme_defaultColor);color:var(--brandingTheme_innerColor)}.brand:focus{background:var(--brandingTheme_focusColor)}.brand:hover{background:var(--brandingTheme_hoverColor);color:rgba(var(--brandingTheme_innerColor-rgb), 0.9)}.brand:active{background:var(--brandingTheme_pressedColor)}.grey{background:#e4e7e9;color:#61696e}.grey:hover,.grey:active{background:#d7dadd}