/**
* kk Star Ratings
* @see https://github.com/kamalkhan/kk-star-ratings
*/
 .kk-star-ratings {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}.kk-star-ratings.kksr-shortcode {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}.kk-star-ratings.kksr-valign-top {margin-bottom: 2rem;}.kk-star-ratings.kksr-valign-bottom {margin-top: 2rem;}.kk-star-ratings.kksr-align-left {-webkit-box-pack: flex-start;-webkit-justify-content: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start;}.kk-star-ratings.kksr-align-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}.kk-star-ratings.kksr-align-right {-webkit-box-pack: flex-end;-webkit-justify-content: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}.kk-star-ratings .kksr-muted {opacity: .5;}.kk-star-ratings .kksr-stars {position: relative;}.kk-star-ratings .kksr-stars .kksr-stars-active, .kk-star-ratings .kksr-stars .kksr-stars-inactive {display: flex;}.kk-star-ratings .kksr-stars .kksr-stars-active {overflow: hidden;position: absolute;top: 0;left: 0;}.kk-star-ratings .kksr-stars .kksr-star {cursor: pointer;padding-right: 0px;}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-star {cursor: default;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon {transition: .3s all;}.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active {width: 0 !important;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon {background-image: url("/wp-content/plugins/kk-star-ratings/src/core/public/svg/inactive.svg");}.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon {background-image: url("/wp-content/plugins/kk-star-ratings/src/core/public/svg/active.svg");}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon {background-image: url("/wp-content/plugins/kk-star-ratings/src/core/public/svg/selected.svg");}.kk-star-ratings .kksr-legend {margin-left: .75rem;margin-right: .75rem;}[dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-active {left: auto;right: 0;}
:root{--suba-cc-bg:#111111;--suba-cc-fg:#f5f5f5;--suba-cc-muted:#888888;--suba-cc-accent:#f9d308;--suba-cc-accent-dark:#d4b100;--suba-cc-border:rgba(255, 255, 255, 0.1);--suba-cc-radius:14px;--suba-cc-shadow:0 8px 32px rgba(0, 0, 0, 0.45);--suba-cc-font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--suba-cc-z:999999}.suba-cc--hidden{display:none!important}.suba-cc--visible{display:block!important}#suba-cc-banner{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:var(--suba-cc-z);width:calc(100% - 48px);max-width:680px;display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:var(--suba-cc-bg);border:1px solid var(--suba-cc-border);border-radius:var(--suba-cc-radius);box-shadow:var(--suba-cc-shadow);padding:20px 24px;font-family:var(--suba-cc-font);font-size:14px;color:var(--suba-cc-fg);line-height:1.55;animation:suba-cc-slide-up 0.35s cubic-bezier(.34,1.56,.64,1) both}@keyframes suba-cc-slide-up{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.suba-cc__message{flex:1 1 260px;margin:0;color:#ccc;font-size:13px;line-height:1.6}.suba-cc__actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.suba-cc__btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:980px;border:1px solid #fff0;font-family:var(--suba-cc-font);font-size:13px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background 0.2s,border-color 0.2s,opacity 0.2s}.suba-cc__btn:focus-visible{outline:2px solid var(--suba-cc-accent);outline-offset:2px}.suba-cc__btn--accept{background:var(--suba-cc-accent);border-color:var(--suba-cc-accent);color:#000}.suba-cc__btn--accept:hover{background:var(--suba-cc-accent-dark);border-color:var(--suba-cc-accent-dark)}.suba-cc__btn--reject{background:#fff0;border-color:var(--suba-cc-border);color:var(--suba-cc-muted)}.suba-cc__btn--reject:hover{background:rgb(255 255 255 / .06);border-color:rgb(255 255 255 / .2);color:var(--suba-cc-fg)}.suba-cc__btn--prefs{background:#fff0;border-color:#fff0;color:var(--suba-cc-muted);padding-left:10px;padding-right:10px;text-decoration:underline;text-underline-offset:2px}.suba-cc__btn--prefs:hover{color:var(--suba-cc-fg)}#suba-cc-prefs{position:fixed;inset:0;z-index:calc(var(--suba-cc-z) + 1);background:rgb(0 0 0 / .65);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center}#suba-cc-prefs.suba-cc--visible{display:flex}.suba-cc-prefs__inner{position:relative;background:var(--suba-cc-bg);border:1px solid var(--suba-cc-border);border-radius:calc(var(--suba-cc-radius) + 4px);box-shadow:var(--suba-cc-shadow);padding:36px 32px 28px;width:100%;max-width:460px;margin:16px;font-family:var(--suba-cc-font);color:var(--suba-cc-fg);animation:suba-cc-scale-in 0.25s cubic-bezier(.34,1.56,.64,1) both}@keyframes suba-cc-scale-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.suba-cc-prefs__title{font-size:18px;font-weight:700;margin:0 0 20px;letter-spacing:-.01em}.suba-cc-prefs__close{position:absolute;top:14px;right:14px;width:30px;height:30px;padding:0;border-radius:50%;font-size:14px}.suba-cc-prefs__row{border-bottom:1px solid var(--suba-cc-border);padding:16px 0}.suba-cc-prefs__row:last-of-type{border-bottom:none}.suba-cc-prefs__label{display:flex;align-items:flex-start;gap:14px;cursor:pointer}.suba-cc-prefs__checkbox{-webkit-appearance:none;appearance:none;position:relative;width:40px;height:22px;background:#333;border-radius:22px;flex-shrink:0;margin-top:1px;cursor:pointer;transition:background 0.2s}.suba-cc-prefs__checkbox::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform 0.2s}.suba-cc-prefs__checkbox:checked{background:var(--suba-cc-accent)}.suba-cc-prefs__checkbox:checked::after{transform:translateX(18px)}.suba-cc-prefs__checkbox:focus-visible{outline:2px solid var(--suba-cc-accent);outline-offset:2px}.suba-cc-prefs__label strong{display:block;font-size:14px;font-weight:600;margin-bottom:3px;color:var(--suba-cc-fg)}.suba-cc-prefs__desc{display:block;font-size:12px;color:var(--suba-cc-muted);line-height:1.5}.suba-cc-prefs__inner .suba-cc__btn--accept{width:100%;margin-top:20px;padding:12px 20px;font-size:14px}#suba-cc-manage-btn{position:fixed!important;bottom:20px!important;left:20px!important;right:auto!important;z-index:var(--suba-cc-z);background:var(--suba-cc-bg);border:1px solid var(--suba-cc-border);border-radius:980px;box-shadow:var(--suba-cc-shadow);padding:10px 18px;font-family:var(--suba-cc-font);font-size:12px;font-weight:600;color:var(--suba-cc-fg);cursor:pointer;white-space:nowrap;transition:background 0.2s,border-color 0.2s}#suba-cc-manage-btn:hover{background:rgb(255 255 255 / .07);border-color:rgb(255 255 255 / .2)}#suba-cc-manage-btn:focus-visible{outline:2px solid var(--suba-cc-accent);outline-offset:2px}@media (max-width:480px){#suba-cc-banner{bottom:0;left:0;right:0;width:100%;transform:none;border-radius:var(--suba-cc-radius) var(--suba-cc-radius) 0 0;border-bottom:none;padding:16px}@keyframes suba-cc-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.suba-cc__actions{width:100%}.suba-cc__btn--accept,.suba-cc__btn--reject{flex:1;text-align:center}#suba-cc-manage-btn{bottom:16px;left:16px;right:auto;font-size:11px;padding:8px 14px}}@media (max-width:360px){#suba-cc-manage-btn{bottom:12px;left:12px;font-size:10px;padding:7px 12px}}:root{--gold:#f9d308;--bg:#000;--fg:#f5f5f7;--dim:#86868b;--bdr:rgba(255,255,255,0.08);--card:rgba(255,255,255,0.04);--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", sans-serif;--ease:cubic-bezier(0.4,0,0.2,1)}.sa-karir-section,.sa-karir-section *{box-sizing:border-box}.sa-karir-section{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;padding:100px 40px 120px}.sa-karir-container{max-width:1200px;margin:0 auto}.sa-karir-header{margin-bottom:72px;opacity:0;transform:translateY(20px);animation:skReveal 0.75s var(--ease) 0.05s forwards}@keyframes skReveal{to{opacity:1;transform:none}}.sa-kicker{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:rgb(249 211 8 / .07);border:1px solid rgb(249 211 8 / .18);border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.sa-karir-title{font-size:clamp(2.4rem, 6vw, 4.2rem);font-weight:600;letter-spacing:-.02em;line-height:1.06;color:var(--fg);margin-bottom:20px}.sa-text-outline{-webkit-text-stroke:0;color:var(--fg)}.sa-karir-intro{font-size:clamp(1rem, 1.4vw, 1.1rem);color:var(--dim);line-height:1.75;font-weight:400;max-width:600px}.sa-filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:52px;padding:16px;background:var(--card);border:1px solid var(--bdr);border-radius:16px}.sa-filter-group{position:relative}.sa-filter-group input[type="text"],.sa-filter-group select{width:100%;padding:11px 16px;background:rgb(255 255 255 / .04);border:1px solid var(--bdr);border-radius:10px;color:var(--fg);font-family:var(--font);font-size:14px;-webkit-appearance:none;transition:border-color 0.25s var(--ease),background 0.25s var(--ease)}.sa-filter-group input[type="text"]::placeholder{color:var(--dim)}.sa-filter-group input[type="text"]:focus,.sa-filter-group select:focus{outline:none;border-color:rgb(249 211 8 / .35);background:rgb(249 211 8 / .03)}.sa-filter-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23f9d308' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.sa-filter-group select option{background:#111;color:var(--fg)}.sa-career-list{display:flex;flex-direction:column;gap:10px}.sa-career-card{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;background:var(--card);border:1px solid var(--bdr);border-radius:20px;text-decoration:none;color:inherit;opacity:0;transform:translateY(16px);animation:skReveal 0.7s var(--ease) forwards;transition:border-color 0.3s var(--ease),background 0.3s var(--ease),transform 0.3s var(--ease)}.sa-career-card:nth-child(1){animation-delay:0.08s}.sa-career-card:nth-child(2){animation-delay:0.13s}.sa-career-card:nth-child(3){animation-delay:0.18s}.sa-career-card:nth-child(4){animation-delay:0.23s}.sa-career-card:nth-child(5){animation-delay:0.28s}.sa-career-card:nth-child(n+6){animation-delay:0.32s}.sa-career-card:hover{border-color:rgb(249 211 8 / .28);background:rgb(255 255 255 / .06);transform:translateY(-3px)}.sa-card-left{display:flex;align-items:center;gap:24px;flex:1;min-width:0}.sa-index{font-size:1.5rem;font-weight:600;letter-spacing:-.04em;color:var(--dim);min-width:48px;text-align:right;flex-shrink:0;opacity:.3;transition:color 0.25s,opacity 0.25s}.sa-career-card:hover .sa-index{color:var(--gold);opacity:1}.sa-card-divider{width:1px;height:44px;flex-shrink:0;background:var(--bdr);transition:background 0.25s}.sa-career-card:hover .sa-card-divider{background:rgb(249 211 8 / .18)}.sa-card-info{min-width:0}.sa-card-info h3{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--fg);margin:0 0 10px;line-height:1.3}.sa-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sa-meta-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;border:1px solid rgb(249 211 8 / .2);background:rgb(249 211 8 / .07);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.sa-meta-loc{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dim)}.sa-card-right{flex-shrink:0;margin-left:24px}.sa-apply-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:980px;background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--dim);font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background 0.25s var(--ease),border-color 0.25s var(--ease),color 0.25s var(--ease)}.sa-apply-btn::after{content:'→';font-size:13px;transition:transform 0.3s var(--ease)}.sa-career-card:hover .sa-apply-btn{background:rgb(249 211 8 / .09);border-color:rgb(249 211 8 / .3);color:var(--gold)}.sa-career-card:hover .sa-apply-btn::after{transform:translateX(4px)}.sa-no-results{text-align:center;padding:80px 20px;color:var(--dim);font-size:15px;line-height:1.7;background:var(--card);border:1px solid var(--bdr);border-radius:16px}.karir-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 32px}.karir-meta span{display:inline-flex;align-items:center;padding:5px 14px;border-radius:100px;border:1px solid rgb(249 211 8 / .22);background:rgb(249 211 8 / .06);color:var(--gold);font-family:var(--font);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.karir-apply{margin:44px 0}.karir-apply .apply-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 30px;border-radius:980px;background:var(--gold);color:#000;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background 0.3s var(--ease),transform 0.3s var(--ease),box-shadow 0.3s}.karir-apply .apply-btn::after{content:'→';font-size:14px;transition:transform 0.3s var(--ease)}.karir-apply .apply-btn:hover{background:#ffe033;transform:translateY(-2px);box-shadow:0 10px 28px rgb(249 211 8 / .2)}.karir-apply .apply-btn:hover::after{transform:translateX(4px)}@media (max-width:760px){.sa-karir-section{padding:72px 22px 96px}.sa-karir-header{margin-bottom:48px}.sa-karir-title{font-size:2rem}.sa-filter-bar{grid-template-columns:1fr}.sa-career-card{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 20px;border-radius:16px}.sa-card-left{width:100%;gap:14px}.sa-card-divider{display:none}.sa-index{font-size:1.2rem;min-width:32px;text-align:left}.sa-card-info h3{font-size:15px}.sa-card-right{width:100%;margin-left:0}.sa-apply-btn{width:100%;justify-content:center;font-size:12px;padding:12px 22px}}@media (max-width:480px){.sa-career-card{padding:18px 16px;border-radius:14px}}:root{--gold:#f9d308;--bg:#000;--fg:#f5f5f7;--dim:#86868b;--bdr:rgba(255,255,255,0.08);--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", sans-serif;--ease:cubic-bezier(0.4,0,0.2,1)}.suba-team{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:14px;margin:0 auto;max-width:640px}.suba-team-card{position:relative;border-radius:16px;overflow:hidden;background:#0a0a0a;cursor:pointer;aspect-ratio:2/3}.suba-team-card::before,.suba-team-card::after{display:none!important}.suba-team-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1) brightness(.75);transition:filter 0.7s var(--ease),transform 0.7s var(--ease);display:block}.suba-team-card:hover img{filter:grayscale(0) brightness(1);transform:scale(1.04)}.overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .92) 0%,rgb(0 0 0 / .25) 55%,transparent 100%);z-index:1}.content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:24px 22px;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(10px);transition:opacity 0.45s var(--ease),transform 0.45s var(--ease)}.suba-team-card:hover .content{opacity:1;transform:none}.name{font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--fg);text-transform:none}.role{font-family:var(--font);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:6px}.desc{font-family:var(--font);font-size:11px;color:var(--dim);line-height:1.55}.desc:empty{display:none}@keyframes saFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.suba-team-card{animation:saFadeUp 0.65s var(--ease) both}.suba-team-card:nth-child(1){animation-delay:0s}.suba-team-card:nth-child(2){animation-delay:0.08s}.suba-team-card:nth-child(3){animation-delay:0.16s}.suba-team-card:nth-child(4){animation-delay:0.24s}@media (max-width:760px){.suba-team{grid-template-columns:repeat(2,1fr)!important;max-width:100%;gap:10px}}@media (max-width:480px){.suba-team{grid-template-columns:1fr!important;max-width:320px}.content{padding:20px 16px}.name{font-size:14px}}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--sep:20px;--bottom:var(--sep);--s:60px;--h:calc(var(--s)/2);--ch:142;--cs:70%;--cl:49%;--bw:1;--text:hsl(0deg 0% clamp(0%,var(--bw)*1000%,100%)/clamp(70%,var(--bw)*1000%,100%));--hover:hsl(var(--ch) var(--cs) calc(var(--cl) + 20%));--color:hsl(var(--ch) var(--cs) var(--cl));display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0);contain:style}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--noanim{animation:none}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);width:var(--s);background:#25d366 var(--joinchat-ico) 50%/60% no-repeat;color:inherit;border-radius:50%;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background-color:#128c7e}.joinchat__button:active{background-color:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat__button__ico{position:absolute;inset:0;display:flex;border-radius:50%;overflow:hidden;color:var(--text)!important}.joinchat__button__ico svg{width:var(--ico-size,100%);height:var(--ico-size,100%);margin:calc((100% - var(--ico-size, 1))/2)}.joinchat__button:has(.joinchat__button__ico){background:var(--color);box-shadow:1px 6px 24px 0 hsl(var(--ch) var(--cs) calc(var(--cl) - 10%)/24%)}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover)}.joinchat__button__image{position:absolute;inset:1px;border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img,.joinchat__button__image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--img .joinchat__button__image{opacity:1;animation:none}.joinchat__tooltip{position:absolute;top:calc(var(--h) - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;z-index:2;bottom:calc(var(--s) + 24px);right:8px;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--h) - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:8px;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--h) - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0;image-rendering:pixelated}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--sep:6px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover~.joinchat__qr{display:flex}}@media (prefers-reduced-motion){.joinchat{animation:none}}