.lines{border:0;height:0;width:100%;margin:0;padding:0;opacity:1}.lines-wrapper{position:relative}.lines-wrapper.vertical{height:100%} @property --glass-border-one{syntax:"";inherits:true;initial-value:rgba(255,255,255,0)}@property --glass-border-two{syntax:"";inherits:true;initial-value:rgba(255,255,255,0.5)}@property --glass-border-deg{syntax:"";inherits:true;initial-value:0deg}@property --glass-shimmer-width{syntax:"";inherits:true;initial-value:10%}@keyframes glass-border-bounce{50%{scale:var(--glass-border-scale,0.995)}100%{scale:1;--glass-border-deg:var(--glass-hover-deg,360deg)}}@keyframes glass-border-rotate{100%{--glass-border-deg:var(--glass-hover-deg,360deg)}} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(158, 159, 161, 1.00);--dark-gray:rgba(28, 20, 33, 1.00);--black:rgba(0, 0, 0, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(59, 47, 71, 1.00);--secondary:rgba(255, 255, 255, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(224, 159, 62, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(231, 231, 231, 1.00);--success-contrast:rgba(67, 172, 106, 1.00);--warning-contrast:rgba(224, 159, 62, 1.00);--alert-contrast:rgba(240, 65, 36, 1.00);--primary-dark:rgba(29, 17, 41, 1.00);--secondary-dark:rgba(225, 225, 225, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(194, 129, 32, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(28, 20, 33, 1.00);--subheader-color:rgba(0, 0, 0, 1.00);--small-color:rgba(0, 0, 0, 1.00);--text-color:rgba(0, 0, 0, 1.00);--link-color:rgba(169, 127, 86, 1.00);--link-color-hover:rgba(130, 92, 25, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.95);--radius:10px;--small-gutter:0.75rem;--medium-gutter:1rem;--large-gutter:1.25rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(183, 149, 70, 1.00);--subheader-color:rgba(183, 149, 70, 1.00);--small-color:rgba(183, 149, 70, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(255, 255, 255, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(32rem/16)}h2,.h2{font-size:calc(28rem/16)}h3,.h3{font-size:calc(24rem/16)}h4,.h4{font-size:calc(20rem/16)}h5,.h5{font-size:calc(18rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(46rem/16)}h2,.h2{font-size:calc(34rem/16)}h3,.h3{font-size:calc(28rem/16)}h4,.h4{font-size:calc(24rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(46rem/16)}h2,.h2{font-size:calc(34rem/16)}h3,.h3{font-size:calc(28rem/16)}h4,.h4{font-size:calc(24rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(10rem/16)}body{} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} @font-face{font-style:normal;font-family:'Archivo Black';font-display:swap;font-stretch:normal;font-weight:400;src:local('Oswald'),url('https://bleatable.com/resources/archivoblack-regular-webfont.woff2') format('woff2')} h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, .archivo{font-family:"Archivo Black",ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" } @font-face{font-style:normal;font-family:'Roboto';font-display:swap;font-stretch:normal;font-weight:400;src:local('Roboto'),url('https://bleatable.com/resources/roboto-regular-webfont.woff2') format('woff2')}html,body, p,.p, blockquote, .menu li, li, form, .button,.roboto{font-family:"Roboto",ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" } @font-face{font-style:normal;font-family:'Clicker Script';font-display:swap;font-stretch:normal;font-weight:400;src:local('Clicker Script'),url('https://bleatable.com/resources/clickerscript-regular-webfont.woff2') format('woff2')} .font_script{font-family:"Clicker Script",ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" } .font_script { transform-origin: 50% 50% ; transform-style: preserve-3d ; transform : perspective(20px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-10deg) ; } .font_script{font-size:calc(28rem/16) ;font-weight:700 ;font-style:italic ;line-height:1.20 ;}@media only screen and (min-width:40em) { .font_script{font-size:calc(32rem/16) ;line-height:1.20 }}@media only screen and (min-width:64em) { .font_script{font-size:calc(32rem/16) ;line-height:1.20 }} .font_script{color:rgba(169, 127, 86, 1.00) ;} .h2_style{font-size:calc(18rem/16) ;font-style:italic ;}@media only screen and (min-width:40em) { .h2_style{font-size:calc(22rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .h2_style{font-size:calc(22rem/16) ;line-height:1.50 }} .messaging-block{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em) { .messaging-block{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .messaging-block{font-size:calc(18rem/16) ;line-height:1.50 }} .big-messaging-block{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em) { .big-messaging-block{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .big-messaging-block{font-size:calc(22rem/16) ;line-height:1.50 }} .cookie-text{--header-color:rgba(169, 127, 86, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(169, 127, 86, 1.00);--link-color-hover:rgba(169, 127, 86, 0.85);--link-decoration:none;--link-decoration-hover:none} .black-text{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 0, 0, 1.00);--link-color-hover:rgba(0, 0, 0, 1.00);--link-decoration:none;--link-decoration-hover:none} .button{text-shadow:2px 2px 2px rgba(0, 0, 0, 0.30);} .button{--glass-bg:linear-gradient(0deg,rgba(169, 127, 86, 1.00),rgba(169, 127, 86, 0.60));--glass-blur:0px;--glass-border-size:0px;--glass-radius:10px;--glass-border-one:rgba(154, 155, 29, 0.50);--glass-border-two:rgba(169, 127, 86, 0.50);--glass-border-deg:180deg;--glass-hover-deg:540deg;--glass-shine-duration:200ms;--glass-shine-scale:0.995;--glass-iteration:;--glass-spotlight-color:rgba(154, 155, 29, 0.66);--glass-spotlight-size:66%;--glass-shimmer-angle:60deg;--glass-shimmer-color:rgba(183, 149, 70, 0.85);--glass-shimmer-width:50%;--glass-shimmer-speed:1000ms;--glass-shimmer-delay:200ms;position:relative;overflow:hidden;border-radius:var(--glass-radius,0);background:var(--glass-bg,hsl(0 0% 100% / 0.1));backdrop-filter:blur(var(--glass-blur,3px));box-shadow:var(--glass-shadow,none);isolation:isolate;contain:paint;&:is(:hover,:focus){--glass-border-one:rgba(169, 127, 86, 0.50);--glass-border-two:rgba(154, 155, 29, 0.50);@media (prefers-reduced-motion:reduce){animation:none}}&::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;transition:--glass-border-one 200ms linear,--glass-border-two 200ms linear;border:var(--glass-border-size,2px) solid transparent;background:linear-gradient(var(--glass-border-deg),var(--glass-border-two),var(--glass-border-one)) border-box;mask:linear-gradient(black,black) border-box,linear-gradient(black,black) padding-box;mask-composite:subtract}.glass-spotlight{pointer-events:none;position:absolute;border-radius:inherit;inset:0;z-index:0;opacity:0;transition:opacity 250ms linear;background:radial-gradient(circle at var(--glass-spotlight-x,0px) var(--glass-spotlight-y,0px),var(--glass-spotlight-color,rgba(255,255,255,0.2)),transparent var(--glass-spotlight-size,40%));mix-blend-mode:screen}&:hover .glass-spotlight{opacity:1}} .testimonials{--header-color:rgba(0, 0, 0, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 0, 0, 1.00);--link-color-hover:rgba(0, 0, 0, 1.00);--link-decoration:none;--link-decoration-hover:none} .testimonials{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(0deg,rgba(169, 127, 86, 1.00) 0%,50%,rgba(169, 127, 86, 0.50) 100%) ;} .testimonials{border-width:0px ;border-style:solid ;border-radius:10px ;} .testimonials> *{padding:1.25rem ;} @media screen and (min-width: 40em){.testimonials .text a{position:relative;white-space:normal}.testimonials .text a:before{content:"";position:absolute;bottom:-2px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(0, 0, 0, 1.00) ;}.testimonials .text a:hover:before{transform:scaleX(1.00);transform-origin: center }} .menu-text>.menu a, .menu.menu-text a{--menu-link-color:rgba(130, 92, 25, 1.00);--menu-link-color-hover:rgba(30, 23, 11, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(130, 92, 25, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .menu-text>.menu .menu-text, .menu.menu-text .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-text>.menu>li>a, .menu.menu-text>li>a{padding-top:1rem;padding-bottom:1rem} .menu-text>.menu .submenu>li>a, .menu.menu-text .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .menu-text>.menu li.active>a, .menu-text>.menu li.is-active>a, .menu-text>.menu a.is-active, .menu.menu-text li.active>a, .menu.menu-text li.is-active>a, .menu.menu-text a.is-active{--menu-bg-color:rgba(215, 214, 217, 1.00);--menu-link-color:rgba(130, 92, 25, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(130, 92, 25, 1.00)} .menu-text>.menu .submenu li.active>a, .menu-text>.menu .submenu li.is-active>a, .menu-text>.menu .submenu a.is-active, .menu.menu-text .submenu li.active>a, .menu.menu-text .submenu li.is-active>a, .menu.menu-text .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .menu-text>.menu .submenu a, .menu.menu-text .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menu-text>.menu .submenu, .menu.menu-text .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .menu-text>.menu .submenu a, .menu.menu-text .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .menu-text>.menu .submenu .menu-text, .menu.menu-text .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-text>.menu .submenu li.active>a, .menu-text>.menu .submenu li.is-active>a, .menu-text>.menu .submenu a.is-active, .menu.menu-text .submenu li.active>a, .menu.menu-text .submenu li.is-active>a, .menu.menu-text .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .menu-text>.menu a::after, .menu.menu-text a::after{display:none!important} .top-bar.menu-style, .top-bar.menu-style ul{--topbar-background:rgba(255, 255, 255, 1.00)} .top-bar.menu-style{padding:0.25rem 1.25rem} .title-bar.menu-style{--titlebar-background:rgba(10, 10, 10, 1.00);--titlebar-color:rgba(254, 254, 254, 1.00);padding:0.75rem} .title-bar.menu-style .menu-icon{--hamburger-color:rgba(254, 254, 254, 1.00);--hamburger-width:1.25rem;--hamburger-height:1rem;--hamburger-weight:2px} .menu li, .menu-style{font-size:calc(18rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) { .menu li, .menu-style{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .menu li, .menu-style{font-size:calc(22rem/16) ;line-height:1.50 }} .menu-style{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.menu-style{background-attachment:scroll!important}} .menu-border{border-color:rgba(169, 127, 86, 0.30) ;border-width:1px 0px 1px 0px ;border-style:solid none solid none ;} .menu:not(.submenu)>li>a{position:relative;white-space:nowrap}.menu:not(.submenu)>li>a:before{content:"";position:absolute;bottom:12px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(30, 23, 11, 1.00) ;}.menu:not(.submenu)>li>a:hover:before{transform:scaleX(0.85);transform-origin: center } .z_gallery{z-index:0 } .z_scroll_button{z-index:5 } .off-canvas, .off-canvas-absolute{z-index:990 } .z_menu{z-index:999 } .reveal{z-index:9999 } .spacer{padding-top:20.00px ;padding-right:0.00px ;padding-bottom:20.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.spacer{padding-top:30.00px ;padding-right:0.00px ;padding-bottom:30.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.spacer{padding-top:40.00px ;padding-right:0.00px ;padding-bottom:40.00px ;padding-left:0.00px }} .small_spacer{padding-top:1.25rem !important;padding-bottom:1.25rem !important;} .top_spacer{padding-top:1.25rem ;} .bottom_spacer{padding-bottom:1.25rem ;} .tiny_top_spacer{padding-top:0.25rem ;padding-right:0 ;padding-bottom:0 ;padding-left:0 ;} img{border-radius:10px ;} .img_border{border-color:rgba(154, 155, 29, 1.00) ;border-width:0px ;border-style:solid ;border-radius:10px ;} .round_border{border-color:rgba(154, 155, 29, 1.00) ;border-width:0px ;border-style:solid ;border-radius:100px ;} .stacks_in_1173_779 table thead,table thead{background-color:rgba(78, 56, 152, 1.00) ;color:rgba(255, 255, 255, 1.00) ;}.stacks_in_1173_779 table thead tr:nth-child(even),table thead tr:nth-child(even){background-color:rgba(204, 204, 204, 1.00) ;color:rgba(34, 34, 34, 1.00) ;}.stacks_in_1173_779 table tbody,table tbody{background-color:rgba(255, 255, 255, 1.00) ;color:rgba(0, 0, 0, 1.00) ;}.stacks_in_1173_779 table tbody tr:nth-child(even),table tbody tr:nth-child(even){background-color:rgba(255, 255, 255, 1.00) ;color:rgba(34, 34, 34, 1.00) ;}.stacks_in_1173_779 table th,table th{border-style:solid;border-color:rgba(34, 34, 34, 1.00) ;border-width:1px 1px 1px 1px ;font-size:calc(14rem/16) ;font-weight:700 ;font-style:normal ;}.stacks_in_1173_779 table td,table td{border-style:solid;border-color:rgba(78, 56, 152, 1.00) ;border-width:1px 1px 1px 1px ;font-size:calc(14rem/16) ;font-weight:400 ;font-style:normal ;} .stacks_in_1173_780 table th:nth-child(3),.table-signature table th:nth-child(3){ }.stacks_in_1173_780 table td:nth-child(3),.table-signature table td:nth-child(3){ background-color:rgba(233, 234, 238, 1.00) ; } .stacks_in_1173_781 table thead,.table-signature table thead{}.stacks_in_1173_781 table thead tr:nth-child(even),.table-signature table thead tr:nth-child(even){}.stacks_in_1173_781 table tbody,.table-signature table tbody{}.stacks_in_1173_781 table tbody tr:nth-child(even),.table-signature table tbody tr:nth-child(even){}.stacks_in_1173_781 table th,.table-signature table th{width:25.00%;}.stacks_in_1173_781 table td,.table-signature table td{width:25.00%;} .img_shadow{box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.30);} .top_margin{margin-top:1.25rem ;} .button-margin{margin:1.25rem ;} .small_text{font-size:calc(12rem/16) ;}@media only screen and (min-width:40em) { .small_text{font-size:calc(12rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .small_text{font-size:calc(12rem/16) ;line-height:1.50 }} .medium_text{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { .medium_text{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .medium_text{font-size:calc(14rem/16) ;line-height:1.50 }} @media screen and (min-width: 40em){.text a{position:relative;white-space:normal}.text a:before{content:"";position:absolute;bottom:-2px;left:0;width:calc(100% - 0rem / 8);margin:0 calc(0rem / 16);height:2px;background:currentcolor;transform:scaleX(0.00);transform-origin: center ;transition:transform 250ms ease-in;background-color:rgba(130, 92, 25, 1.00) ;}.text a:hover:before{transform:scaleX(1.00);transform-origin: center }} .post_image{border-radius:10px ;} .l_share_margin{margin-left:0.5rem ;} .gradient-background{background-position:left top ;background-size:100% 100% ;background-image:linear-gradient(0deg,rgba(154, 155, 29, 1.00) 0%,50%,rgba(39, 106, 235, 0.50) 100%) ;} .grey-card{background-color:rgba(154, 155, 29, 0.10) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.grey-card{background-attachment:scroll!important}} .fas, .fab,.fa{color:rgba(154, 155, 29, 1.00);transition:color 200ms;} .testimonials .fas, .testimonials .fab,.testimonials .fa{color:rgba(30, 23, 11, 1.00);transition:color 200ms;} @charset "UTF-8"; /* Start Obscure stack CSS code */ .stacks_in_1173_77centerbox { text-align: center; padding: 10px; color: black; line-height: 2.5em; } .dark .stacks_in_1173_77centerbox { color: white; } .stacks_in_1173_77centerbox b { border: 1px solid #2681FC; border-radius: 4px; padding: 4px 8px 4px 8px; color: #2681FC; white-space: nowrap; } .dark .stacks_in_1173_77centerbox b { border: 1px solid #5FB5FF; color: #5FB5FF; } /* End Obscure stack CSS code */ /* Start Obscure stack CSS code */ .stacks_in_1173_790centerbox { text-align: center; padding: 10px; color: black; line-height: 2.5em; } .dark .stacks_in_1173_790centerbox { color: white; } .stacks_in_1173_790centerbox b { border: 1px solid #2681FC; border-radius: 4px; padding: 4px 8px 4px 8px; color: #2681FC; white-space: nowrap; } .dark .stacks_in_1173_790centerbox b { border: 1px solid #5FB5FF; color: #5FB5FF; } /* End Obscure stack CSS code */ /* Start Obscure stack CSS code */ .stacks_in_1173_78centerbox { text-align: center; padding: 10px; color: black; line-height: 2.5em; } .dark .stacks_in_1173_78centerbox { color: white; } .stacks_in_1173_78centerbox b { border: 1px solid #2681FC; border-radius: 4px; padding: 4px 8px 4px 8px; color: #2681FC; white-space: nowrap; } .dark .stacks_in_1173_78centerbox b { border: 1px solid #5FB5FF; color: #5FB5FF; } /* End Obscure stack CSS code */ .lines.stacks_in_1175_218{width:100%;margin:calc(0rem/16) auto calc(0rem/16) auto;border-bottom:1px solid rgba(130, 92, 25, 0.30);background:rgba(0, 0, 0, 0.00);transform:rotate(0deg)}.lines.stacks_in_1175_218.vertical{border-left:1px solid rgba(130, 92, 25, 0.30);border-bottom:none;width:0;height:100%;margin:0 auto;margin-top:calc((100% - 100%)/-2)} /* SocialDock – each.css */ /* ===== Basis & Variablen ===== */ .socialdock { --sd-gutter: 20px; --sd-radius: 10px; --sd-pad-y: 4px; --sd-pad-x: 8px; --sd-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; position: relative; display: block; font-family: var(--sd-font); line-height: 1; } /* ===== Layout Container ===== */ .socialdock .socialdock-inner { display: flex; width: 100%; flex-wrap: wrap; gap: var(--sd-gutter); justify-content: flex-start; /* default */ } .socialdock[data-align="center"] .socialdock-inner { justify-content: center; } .socialdock[data-align="right"] .socialdock-inner { justify-content: flex-end; } .socialdock[data-align="between"] .socialdock-inner { justify-content: space-between; } .socialdock[data-align="around"] .socialdock-inner { justify-content: space-around; } .socialdock[data-align="evenly"] .socialdock-inner { justify-content: space-evenly; } /* ===== Stacked-Mode ===== */ .socialdock[data-stacked="true"] .socialdock-inner { flex-direction: column; } .socialdock[data-stacked="true"][data-fullwidth="true"] .socialdock-inner { align-items: stretch; } .socialdock[data-stacked="true"][data-fullwidth="true"] .sd-btn { width: 100%; max-width: 100%; box-sizing: border-box; } /* Stacked + nicht Fullwidth: horizontal per align-items */ .socialdock[data-stacked="true"]:not([data-fullwidth="true"]) .socialdock-inner { align-items: flex-start; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="center"] .socialdock-inner { align-items: center; } .socialdock[data-stacked="true"]:not([data-fullwidth="true"])[data-align="right"] .socialdock-inner { align-items: flex-end; } .socialdock[data-stacked="true"] .sd-btn { align-self: auto !important; } /* ===== Buttons ===== */ .socialdock .sd-btn { width: var(--sd-btn-w, auto); /* equalWidth via JS */ display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; border-width: var(--sd-border-w, 1px); border-style: var(--sd-border-style, solid); border-color: var(--sd-border-color, currentColor); border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); padding: var(--sd-pad-y, var(--sr-pad-y, var(--sd-pad-y-default, 8px))) var(--sd-pad-x, var(--sr-pad-x, var(--sd-pad-x-default, 10px))); transition: transform .08s ease, opacity .2s ease; font-weight: 600; white-space: nowrap; } .socialdock .sd-btn:focus { outline: 2px solid; outline-offset: 2px; } .socialdock .sd-btn:hover { transform: translateY(-1px); } .socialdock .sd-btn:active { transform: translateY(0); } /* ===== Icons immer perfekt zentriert ===== */ .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); /* global steuerbar (px) */ width: 1em; height: 1em; display: inline-flex; align-items: center; justify-content: center; /* zentriert SVG im Icon-Container */ } .socialdock .sd-ic svg { width: 1em; height: 1em; display: block; overflow: visible; } .socialdock .sd-lb { font-size: var(--sd-label-size, inherit); } /* ===== Labels & Hover-Animation ===== */ /* 1) Labels AUS (robust), wenn KEIN Hoverlabel aktiv ist */ .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-lb { display: none !important; } .socialdock:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { gap: 0; /* kein Phantomabstand */ justify-content: center; /* Icon mittig */ } /* 2) Hoverlabel aktiv + Labels nicht explizit an */ .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-lb { display: inline-flex !important; /* sichtbar als Flex-Item */ align-items: center; min-width: 0; /* echtes Schrumpfen */ max-width: 0; /* eingefahren */ overflow: hidden; opacity: 0; transform: translateX(-4px) scale(0.98); margin-left: 0; pointer-events: none; transition: max-width .25s ease, opacity .22s ease, transform .25s ease, margin-left .25s ease; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn { gap: 0; /* Platz entsteht durch margin-left beim Ausfahren */ justify-content: center; } .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:hover .sd-lb, .socialdock[data-hoverlabel="true"]:not([data-labels="true"]) .sd-btn:focus-visible .sd-lb { max-width: var(--sd-hoverlabel-max, 12ch); opacity: 1; transform: none; margin-left: .5em; /* wirkt wie gap */ } /* ===== Größen ===== */ .socialdock[data-size="s"] .sd-btn { font-size: 12px; --sd-pad-y-default: 6px; --sd-pad-x-default: 8px; --sd-radius-default: 8px; } .socialdock[data-size="m"] .sd-btn { font-size: 14px; --sd-pad-y-default: 8px; --sd-pad-x-default: 10px; --sd-radius-default: 8px; } .socialdock[data-size="l"] .sd-btn { font-size: 16px; --sd-pad-y-default: 10px; --sd-pad-x-default: 12px; --sd-radius-default: 12px; } /* ===== Formen ===== */ .socialdock[data-shape="square"] .sd-btn { border-radius: 0px; } .socialdock[data-shape="pill"] .sd-btn { border-radius: 999px; } /* optional, nur zur Klarheit – identisch zur Basis: */ .socialdock[data-shape="rounded"] .sd-btn { border-radius: var(--sd-radius, var(--sr-radius, var(--sd-radius-default, 8px))); } /* ===== Theme-Variablen (Light/Dark/Auto) – nur wenn Brand AUS ===== */ .socialdock[data-theme="light"]:not([data-brand]) .sd-btn, .socialdock[data-theme="light"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } .socialdock[data-theme="dark"]:not([data-brand]) .sd-btn, .socialdock[data-theme="dark"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } @media (prefers-color-scheme: light) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-light-fg, #111); background: var(--sd-light-bg, #fff); } } @media (prefers-color-scheme: dark) { .socialdock[data-theme="auto"]:not([data-brand]) .sd-btn, .socialdock[data-theme="auto"][data-brand="off"] .sd-btn { color: var(--sd-dark-fg, #eee); background: var(--sd-dark-bg, #111); } } /* ===== Brandfarben (pro Service) ===== */ .sd-btn.sd-x { --sd-brand: #000000; } .sd-btn.sd-facebook { --sd-brand: #1877f2; } .sd-btn.sd-linkedin { --sd-brand: #0a66c2; } .sd-btn.sd-whatsapp { --sd-brand: #25d366; } .sd-btn.sd-telegram { --sd-brand: #24a1de; } .sd-btn.sd-pinterest { --sd-brand: #e60023; } .sd-btn.sd-mail { --sd-brand: #6c757d; } .sd-btn.sd-copy { --sd-brand: #6c757d; } .sd-btn.sd-print { --sd-brand: #6c757d; } .sd-btn.sd-webshare { --sd-brand: #6c757d; } .sd-btn.sd-threads { --sd-brand: #000000; } .sd-btn.sd-bluesky { --sd-brand: #1185fe; } .sd-btn.sd-reddit { --sd-brand: #ff4500; } .sd-btn.sd-hn { --sd-brand: #ff6600; } .sd-btn.sd-pocket { --sd-brand: #ef4056; } .sd-btn.sd-flipboard { --sd-brand: #e12828; } .sd-btn.sd-vk { --sd-brand: #4c75a3; } .sd-btn.sd-line { --sd-brand: #00c300; } .sd-btn.sd-weibo { --sd-brand: #e6162d; } .sd-btn.sd-xing { --sd-brand: #026466; } .sd-btn.sd-mastodon { --sd-brand: #6364ff; } .sd-btn.sd-youtube { --sd-brand: #ff0000; } .sd-btn.sd-instagram { --sd-brand: #E1306C; } .sd-btn.sd-tiktok { --sd-brand: #000000; } .sd-btn.sd-github { --sd-brand: #24292e; } .sd-btn.sd-website { --sd-brand: #6c757d; } /* generisch */ .socialdock[data-brand="fg"] .sd-btn { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="bg"] .sd-btn { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } /* ⬇️ NEU: Per-Button Brand-Style (überschreibt Theme) */ /* Nach deinen Theme-Regeln einfügen */ .socialdock[data-theme] .sd-btn[data-brand="bg"] { background: var(--sd-brand, #555); border-color: var(--sd-brand, #555); color: #fff; } .socialdock[data-theme] .sd-btn[data-brand="fg"] { color: var(--sd-brand, currentColor); border-color: var(--sd-brand, currentColor); background: transparent; } .socialdock[data-brand="fg"] .sd-btn:hover { opacity: .95; } .socialdock[data-brand="fg"] .sd-btn:active { opacity: .9; } .socialdock[data-brand="bg"] .sd-btn:hover { filter: brightness(.97); } .socialdock[data-brand="bg"] .sd-btn:active { filter: brightness(.92); } /* ===== Toast ===== */ .socialdock .socialdock-toast { position: absolute; margin-top: 8px; background: rgba(0, 0, 0, .9); color: #fff; padding: 8px 10px; border-radius: 8px; font-size: 12px; opacity: 0; transform: translateY(-4px); transition: all .18s ease; } .socialdock .socialdock-toast.show { opacity: 1; transform: translateY(0); } /* Basis: Icon-Größe unabhängig vom Label steuern */ .socialdock .sd-ic { /* skaliert NUR das Icon (SVG bleibt 1em innerhalb) */ font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* ===== Icon-only: kein Hintergrund, kein Rand – Labels bleiben ===== */ .socialdock[data-appearance="true"] .sd-btn { background: transparent !important; --sd-border-w: 0; box-shadow: none !important; padding: var(--sd-icon-pad, 0); /* unsichtbare Klickfläche (0–8px) */ gap: 8px; /* Abstand Icon ↔ Label */ transform: none; } /* Icon im icon-only Modus größer machen */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } /* Optional pro Buttongröße feinabstimmen */ .socialdock[data-appearance="true"][data-size="s"] { --sd-icon-size: 17px; } .socialdock[data-appearance="true"][data-size="m"] { --sd-icon-size: 22px; } .socialdock[data-appearance="true"][data-size="l"] { --sd-icon-size: 29px; } /* Fokus sichtbar (A11y) */ .socialdock[data-appearance="true"] .sd-btn:focus { outline: 2px solid currentColor; outline-offset: 2px; } /* Falls im icon-only Modus Brand-Farbe erzwungen werden soll */ .socialdock[data-appearance="true"][data-brand="fg"] .sd-btn { color: var(--sd-brand) !important; } .socialdock[data-appearance="true"][data-brand="bg"] .sd-btn { background: transparent !important; border: 0 !important; /* wahlweise: color: var(--sd-brand) !important; */ } /* 1) SVG darf über den ViewBox-Rand schauen (kein Clipping der Strokes) */ .socialdock .sd-ic svg { overflow: visible; /* verhindert "angeschnittene" Kanten */ display: block; } /* 2) Icon-Flexitem nicht schrumpfen lassen, immer genug Platz geben */ .socialdock .sd-ic { flex: 0 0 auto; /* nicht zusammenquetschen */ min-width: 1em; /* nie kleiner als die Icon-Größe */ min-height: 1em; padding: .08em; /* optischer "Bleed" */ } /* 3) Sicherheitshalber: Buttons haben wirklich kompakte Line-Box */ .socialdock .sd-btn { line-height: 1; } /* 4) Im Icon-only Modus darf das Icon größer sein, ohne Clipping */ .socialdock[data-appearance="true"] { --sd-icon-size: 26px; } .socialdock .sd-ic { font-size: var(--sd-icon-size, 19px); width: 1em; height: 1em; } /* Icon-only Modus: Sicherheits-Inset */ .socialdock[data-appearance="true"]{ --sd-edge-safety: 2px; /* ggf. 1px–3px testen */ padding-inline: var(--sd-edge-safety); overflow-x: clip; } @supports not (overflow-x: clip){ .socialdock[data-appearance="true"]{ overflow-x: hidden; } } /* Monochrome Icons – sicher */ .socialdock .sd-ic svg, .socialdock .sd-ic svg * { fill: currentColor !important; stroke: none !important; } /* Perfekte Kreise, wenn Option aktiv UND Labels komplett aus (kein Hoverlabel) */ .socialdock[data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { /* Kreisgröße: Icon + vertikales Padding */ --sd-circle: calc(var(--sd-icon-size, 19px) + (var(--sd-pad-y) * 2)); /* Equal-Width übersteuern: Breite = Höhe = --sd-circle */ --sd-btn-w: var(--sd-circle); height: var(--sd-circle); /* gleiches Padding auf allen Seiten -> optisch zentriert */ padding: var(--sd-pad-y); border-radius: 50%; gap: 0; /* kein „Phantom“-Abstand */ justify-content: center; } /* Optional: auch im icon-only Erscheinungsbild kreisrund */ .socialdock[data-appearance="true"][data-round-icononly="true"]:not([data-labels="true"]):not([data-hoverlabel="true"]) .sd-btn { border-radius: 50%; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } /* Mini-Zeile: edel, freundlich, sehr kompakt */ .sd-item-mini{ --sd-brand:#6c757d; /* Fallback Brand */ --sd-bg:#f6f8fc; /* freundliches Hell */ --sd-bd:#e6ecf5; /* sanfte Linie */ --sd-fg:#243449; /* statt Schwarz: edles Slate */ --sd-badge-bg-share:#eef3ff; --sd-badge-fg-share:#2a5bd7; --sd-badge-bd-share:#e2e9ff; --sd-badge-bg-link:#e8f7f1; --sd-badge-fg-link:#0b7b54; --sd-badge-bd-link:#d6f2e7; display:flex; align-items:center; gap:8px; padding:4px 8px; margin:2px 0; border:0px solid var(--sd-bd); border-radius:4px; background:var(--sd-bg); color:var(--sd-fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:12px; line-height:1.2; max-width:100%; } .sd-item-mini .sd-dot{ width:8px; height:8px; border-radius:50%; background:var(--sd-brand); flex:0 0 auto; } .sd-item-mini .sd-badge{ font-size:10px; font-weight:700; padding:2px 6px; border-radius:999px; border:1px solid var(--sd-bd); } .sd-item-mini.is-share .sd-badge{ background:var(--sd-badge-bg-share); color:var(--sd-badge-fg-share); border-color:var(--sd-badge-bd-share); } .sd-item-mini.is-link .sd-badge{ background:var(--sd-badge-bg-link); color:var(--sd-badge-fg-link); border-color:var(--sd-badge-bd-link); } .sd-item-mini .sd-text{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } /* Service-Namen hübsch anzeigen: - wenn kein Label gesetzt ist, erzeugen wir Text via ::after - Standard: capitalize - Ausnahmen (YouTube, Hacker News, LINE, VK, Web Share, etc.) */ .sd-item-mini .sd-svc::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Ausnahmen/Mappings auf echte Markennamen */ .sd-item-mini.sd--youtube .sd-svc::after{ content:"YouTube"; } .sd-item-mini.sd--hn .sd-svc::after{ content:"Hacker News"; } .sd-item-mini.sd--line .sd-svc::after{ content:"LINE"; } .sd-item-mini.sd--vk .sd-svc::after{ content:"VK"; } .sd-item-mini.sd--xing .sd-svc::after{ content:"XING"; } .sd-item-mini.sd--webshare .sd-svc::after{ content:"Web Share"; } .sd-item-mini.sd--x .sd-svc::after{ content:"X"; } /* Dark-Mode (freundlich, nicht pechschwarz) */ @media (prefers-color-scheme: dark){ .sd-item-mini{ --sd-bg:#818c9f; --sd-bd:#243449; --sd-fg:#e7ecf3; --sd-badge-bg-share:#11203f; --sd-badge-fg-share:#9fb6ff; --sd-badge-bd-share:#1a2a4a; --sd-badge-bg-link:#0f221b; --sd-badge-fg-link:#86d6b7; --sd-badge-bd-link:#153428; } } /* Brandfarbe nach Dienst (nur Variable setzen, dezente Dot-Farbe) */ .sd-item-mini.sd--x{--sd-brand:#111} .sd-item-mini.sd--facebook{--sd-brand:#1877f2} .sd-item-mini.sd--linkedin{--sd-brand:#0a66c2} .sd-item-mini.sd--whatsapp{--sd-brand:#25d366} .sd-item-mini.sd--telegram{--sd-brand:#24a1de} .sd-item-mini.sd--pinterest{--sd-brand:#e60023} .sd-item-mini.sd--mail,.sd-item-mini.sd--copy,.sd-item-mini.sd--print,.sd-item-mini.sd--webshare{--sd-brand:#6c757d} .sd-item-mini.sd--threads{--sd-brand:#000} .sd-item-mini.sd--bluesky{--sd-brand:#1185fe} .sd-item-mini.sd--reddit{--sd-brand:#ff4500} .sd-item-mini.sd--hn{--sd-brand:#ff6600} .sd-item-mini.sd--pocket{--sd-brand:#ef4056} .sd-item-mini.sd--flipboard{--sd-brand:#e12828} .sd-item-mini.sd--vk{--sd-brand:#4c75a3} .sd-item-mini.sd--line{--sd-brand:#00c300} .sd-item-mini.sd--weibo{--sd-brand:#e6162d} .sd-item-mini.sd--xing{--sd-brand:#026466} .sd-item-mini.sd--mastodon{--sd-brand:#6364ff} /* Link-Only & generisch */ .sd-item-mini.sd--instagram{--sd-brand:#E1306C} .sd-item-mini.sd--youtube{--sd-brand:#f00} .sd-item-mini.sd--tiktok{--sd-brand:#000} .sd-item-mini.sd--github{--sd-brand:#24292e} .sd-item-mini.sd--website,.sd-item-mini.sd--external{--sd-brand:#6c757d} /* Auto-Label: Service-Namen hübsch darstellen, wenn kein eigenes Label gesetzt ist */ .sd-preview .sd-auto-label::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing: .2px; } /* Ausnahmen für Markennamen */ .sd-preview .sd-btn.sd-youtube .sd-auto-label::after{ content: "YouTube"; } .sd-preview .sd-btn.sd-hn .sd-auto-label::after{ content: "Hacker News"; } .sd-preview .sd-btn.sd-line .sd-auto-label::after{ content: "LINE"; } .sd-preview .sd-btn.sd-vk .sd-auto-label::after{ content: "VK"; } .sd-preview .sd-btn.sd-xing .sd-auto-label::after{ content: "XING"; } .sd-preview .sd-btn.sd-webshare .sd-auto-label::after{ content: "Web Share"; } .sd-preview .sd-btn.sd-x .sd-auto-label::after{ content: "X"; } /* Kompakter machen, damit die Zeile wenig Platz braucht (ohne die Parent-Optik zu brechen) */ .sd-preview .sd-btn{ padding: 6px 10px; /* etwas schlanker */ gap: 6px; /* engerer Abstand Icon/Label */ font-size: 13px; /* kompakt, aber lesbar */ } .sd-preview .sd-ic { font-size: var(--sd-icon-size, 19px); } /* Legenden-Container kompakt lassen */ .sd-edit-inline{ display:flex; align-items:center; gap:8px; max-width:100%; } /* Button im Editor kompakt */ .sd-preview .sd-btn{ padding:4px 8px; gap:6px; font-size:12px; } .sd-preview .sd-ic { font-size:var(--sd-icon-size, 19px); } .sd-preview .sd-lb { font-size: var(--sd-label-size, 14px); } /* Kleine Legende: „Share/Link · Service“ */ .sd-edit-legend{ --fg:#2a394d; --bd:#e6ecf5; --bg:#f6f8fc; --fgShare:#2a394d; /* vorher fast weiß → schlechte Lesbarkeit */ --fgLink:#0b7b54; display:inline-flex; align-items:center; gap:4px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:1.1; color:var(--fg); padding:2px 6px; border:1px solid var(--bd); border-radius:8px; background:var(--bg); white-space:nowrap; max-width:100%; } .sd-edit-legend .sd-legend-mode{ font-weight:700; /* Modus-Farbe */ } .sd-edit-legend.is-share .sd-legend-mode{ color:var(--fgShare); } .sd-edit-legend.is-link .sd-legend-mode{ color:var(--fgLink); } .sd-edit-legend .sd-legend-sep{ opacity:.5; } /* 👉 Dienst-Name: etwas größer & fett, damit er sofort erkennbar ist */ .sd-edit-legend .sd-legend-svc{ font-size:11px; font-weight:700; overflow:hidden; text-overflow:ellipsis; max-width:32ch; text-transform:capitalize; /* hübscher als alles klein */ } /* 👉 Falls KEIN Label im HTML steht, nimm data-svc als Fallback-Text */ .sd-edit-legend .sd-legend-svc:empty::after{ content: attr(data-svc); text-transform: capitalize; letter-spacing:.2px; } /* Markennamen-Sonderfälle für den Fallback-Text */ .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="youtube"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="youtube"]::after{ content:"YouTube"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="hn"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="hn"]::after{ content:"Hacker News"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="line"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="line"]::after{ content:"LINE"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="vk"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="vk"]::after{ content:"VK"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="xing"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="xing"]::after{ content:"XING"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="webshare"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="webshare"]::after{ content:"Web Share"; } .sd-edit-legend .sd-legend-svc:not([data-label])[data-svc="x"]::after, .sd-edit-legend .sd-legend-svc[data-label=""][data-svc="x"]::after{ content:"X"; } #last_updated_stacks_in_1175_509 { text-align: center; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-style: italic; font-size: 12px; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 0; color: rgba(130, 92, 25, 1.00); } #mc_bleatablestack_stacks_in_3538_4 *, #mc_bleatablestack_stacks_in_3538_4 *::before, #mc_bleatablestack_stacks_in_3538_4 *::after { box-sizing: border-box; } /* CSS code for getting consent for cookies, custom popup message box */ #mc_bleatablewrapper_stacks_in_3538_4 { display: inline-block; background: rgba(59, 48, 26, 1.00); border-radius: 10px; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.30); margin: 20px; padding: 20px; max-height: 100vh; max-width: 50rem; overflow: auto; position: fixed; bottom: 0; left: 0; margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; z-index: 999; } /* Consent popup animations */ #mc_bleatablewrapper_stacks_in_3538_4 { opacity: 0; -webkit-animation-delay: 0ms; animation-delay: 0ms; -webkit-animation-name: miniCookieIn; animation-name: miniCookieIn; -webkit-animation-iteration-count: once; animation-iteration-count: once; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes miniCookieIn { 0% { opacity: 0; margin-bottom: -100vh; } 100% { opacity: 1; margin-bottom: 20px; } } @keyframes miniCookieIn { 0% { opacity: 0; margin-bottom: -100vh; } 100% { opacity: 1; margin-bottom: 20px; } } #mc_bleatablewindow_shade_stacks_in_3538_4 { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(196, 221, 226, 0.90); content: ''; overflow: hidden; z-index: 999; } #mc_bleatablewindow_shade_stacks_in_3538_4.dismissed { display: none; } #mc_bleatablewrapper_stacks_in_3538_4.dismissed { display: none; } #mc_bleatablestacks_in_3538_4 { display: flex; align-items: center; } #mc_bleatablecontent_stacks_in_3538_4, #mc_bleatablebutton_stacks_in_3538_4 { font-size: 16px; line-height: 1.5em; letter-spacing: 0px; margin: 0; } #mc_bleatablecontent_stacks_in_3538_4 { flex: 1; color: rgba(255, 255, 255, 1.00); } @media screen and (max-width: 568px) { /* Mobile styling */ #mc_bleatablestacks_in_3538_4 { flex-direction: column; } #mc_bleatablewrapper_stacks_in_3538_4 { width: 100vw; margin: 0; border-radius: 0; margin-left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #mc_bleatablecontent_stacks_in_3538_4 { text-align: center; margin-bottom: 1rem; } #mc_bleatablebutton_stacks_in_3538_4 { margin-left: 0 !important; } } #mc_bleatablesupplementary_link_stacks_in_3538_4 a, #mc_bleatablesupplementary_link_stacks_in_3538_4 a:visited, #mc_bleatablecontent_stacks_in_3538_4 a, #mc_bleatablecontent_stacks_in_3538_4 a:visited { font-weight: 600; color: rgba(183, 149, 70, 1.00); background: none; border: none; transition: all 100ms ease-in-out; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; } #mc_bleatablesupplementary_link_stacks_in_3538_4 a:hover, #mc_bleatablecontent_stacks_in_3538_4 a:hover { color: rgba(183, 149, 70, 0.85); text-decoration: none; background: none; border: none; } #mc_bleatablesupplementary_link_stacks_in_3538_4 a:active, #mc_bleatablecontent_stacks_in_3538_4 a:active { color: rgba(183, 149, 70, 0.85); text-decoration: none; background: none; border: none; opacity: 0.50; } #mc_bleatablesupplementary_link_stacks_in_3538_4 a:focus, #mc_bleatablecontent_stacks_in_3538_4 a:focus { outline: 1px dotted rgba(183, 149, 70, 0.85); } #mc_bleatablesupplementary_link_stacks_in_3538_4 a { display: inline-block; padding: 8px 16px; font-size: 1.125rem; } #mc_bleatableconsent_button_wrapper_stacks_in_3538_4 { display: flex; flex-direction: row; margin-left: 20px; text-align: center; } #mc_bleatableconsent_button_wrapper_stacks_in_3538_4 #mc_bleatablebutton_stacks_in_3538_4 { order: 1; margin-left: 0; } #mc_bleatableconsent_button_wrapper_stacks_in_3538_4 #mc_bleatablesupplementary_link_stacks_in_3538_4 { order: 2; margin-left: 0; padding-right: 0; } /* MiniCookie create, edit, delete buttons, and buttons for our own popup message */ #mc_bleatablebutton_stacks_in_3538_4, #mc_bleatablebutton_accept_all_stacks_in_3538_4, #mc_bleatablebutton_disallow_all_stacks_in_3538_4, .mc_bleatablebutton_stacks_in_3538_4 { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(233, 234, 238, 1.00); border: 1px solid rgba(0, 0, 0, 1.00); border-radius: 10px; color: rgba(30, 23, 11, 1.00); cursor: pointer; margin-left: 20px; display: inline-block; font-family: inherit; font-size: 1.125rem; font-weight: 600; padding: 8px 16px; text-align: center; transition: all 100ms ease-in-out; white-space: nowrap; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; margin-bottom: 5px; } #mc_bleatablebutton_stacks_in_3538_4:hover, .mc_bleatablebutton_stacks_in_3538_4:hover, #mc_bleatablebutton_accept_all_stacks_in_3538_4:hover, #mc_bleatablebutton_disallow_all_stacks_in_3538_4:hover { color: rgba(30, 23, 11, 1.00); background-color: rgba(215, 214, 217, 1.00); border: 1px solid rgba(233, 234, 238, 1.00); } #mc_bleatablebutton_stacks_in_3538_4:active, .mc_bleatablebutton_stacks_in_3538_4:active, #mc_bleatablebutton_accept_all_stacks_in_3538_4:active, #mc_bleatablebutton_disallow_all_stacks_in_3538_4:active { color: rgba(30, 23, 11, 1.00); background-color: rgba(215, 214, 217, 1.00); border: 1px solid rgba(233, 234, 238, 1.00); opacity: 0.50; } #mc_bleatablebutton_stacks_in_3538_4:focus, #mc_bleatablebutton_accept_all_stacks_in_3538_4:focus, #mc_bleatablebutton_disallow_all_stacks_in_3538_4:focus, .mc_bleatablebutton_stacks_in_3538_4:focus { outline: 2px dotted rgba(30, 23, 11, 1.00); } #dialog_title_stacks_in_3538_4, #dialog_desc_stacks_in_3538_4 { display: none; } @media print { #mc_bleatablestack_stacks_in_3538_4, #mc_bleatablewindow_shade_stacks_in_3538_4, #mc_bleatablewrapper_stacks_in_3538_4 { display: none; } }