/* layout_v3.css start */ :root{ --univ-busan-height: calc(var(--dvh) * var(--header-base)); --univ-kyoto-height: calc(var(--dvh) * var(--content-height-percent)); --univ-trieste-height: calc(var(--dvh) * var(--dock-base)); --univ-trieste-padding-sides: calc(var(--dvh) * 1); --univ-trieste-padding-bottom: calc(var(--dvh) * 0.5); } .key\:busan,.key\:kyoto,.key\:trieste{ background-repeat: repeat; background-size: 1px 1px; left: 0; position: fixed; /* ============================================ */ /* COLOR INTEGRITY — DO NOT TOUCH THESE COLORS */ /* ============================================ */ /* Prevent OS high-contrast mode from overriding colors */ forced-color-adjust: none; -ms-high-contrast-adjust: none; /* Prevent browser from stripping colors when printing */ print-color-adjust: exact; -webkit-print-color-adjust: exact; /* Lock color scheme to dark — prevents light-mode overrides */ color-scheme: dark only; /* Prevent Safari text color inversion in dark mode */ -webkit-text-fill-color: currentColor; /* Prevent any blend-mode color interaction with background */ mix-blend-mode: normal; isolation: isolate; /* Ensure full opacity — no compositor transparency assumptions */ opacity: 1; /* Prevent mobile Safari tap highlights from adding colors */ -webkit-tap-highlight-color: transparent; /* Prevent text-size-adjust re-rendering quirks */ -webkit-text-size-adjust: none; text-size-adjust: none; /* GPU layer — sometimes locks rendering more firmly */ transform: translateZ(0); backface-visibility: visible; } .key\:busan{ align-items: center; display: flex; height: var(--univ-busan-height); justify-content: center; top: 0; width: 100%; z-index: 1000; /* RGB fallback */ background-color: rgb(17, 17, 17); /* Base64 JPEG */ background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2MDUyNUVCMTE5ODExRjE5QUZDODc0Mzg0NEQ3OUJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2MDUyNUVDMTE5ODExRjE5QUZDODc0Mzg0NEQ3OUJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzYwNTI1RTkxMTk4MTFGMTlBRkM4NzQzODQ0RDc5QkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzYwNTI1RUExMTk4MTFGMTlBRkM4NzQzODQ0RDc5QkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZ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); } .key\:kyoto{ bottom: var(--univ-trieste-height); height: 0; min-height: var(--univ-kyoto-height); overflow-y: auto; right: 0; top: var(--univ-busan-height); -webkit-overflow-scrolling: touch; background-color: rgb(14, 14, 14); background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBDMDE1QTVGMTE4QTExRjE4OThGQTVFMzQ3NzJENUFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBDMDE1QTYwMTE4QTExRjE4OThGQTVFMzQ3NzJENUFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEMwMTVBNUQxMThBMTFGMTg5OEZBNUUzNDc3MkQ1QUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEMwMTVBNUUxMThBMTFGMTg5OEZBNUUzNDc3MkQ1QUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZ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); } .key\:trieste{ align-items: center; bottom: 0; display: flex; height: var(--univ-trieste-height); justify-content: center; width: 100%; z-index: 1000; padding-left:max( var(--univ-trieste-padding-sides), env(safe-area-inset-left, 0px) ); padding-right:max( var(--univ-trieste-padding-sides), env(safe-area-inset-right, 0px) ); padding-bottom:max( var(--univ-trieste-padding-bottom), env(safe-area-inset-bottom, 0px) ); background-color: rgb(10, 10, 10); background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3Mzc5QkQzMTE5ODExRjFCN0IzOTQ3QjNBMTMxNTlBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ3Mzc5QkQ0MTE5ODExRjFCN0IzOTQ3QjNBMTMxNTlBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDczNzlCRDExMTk4MTFGMUI3QjM5NDdCM0ExMzE1OUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDczNzlCRDIxMTk4MTFGMUI3QjM5NDdCM0ExMzE1OUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZ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); border-bottom: 2px solid rgba(255,255,255,0.3); } /* layout_v3.css end */ /* busan_v2.css begin */ :root{ } .key\:2dne33zyw2{ align-items: center; box-sizing: border-box; display: flex; height: 100%; width: 100%; } .key\:2dne33zyw2 a{ height:100%; width:auto; } .key\:29b6rrwdvp{ align-items: center; display: flex; flex: 0 0 auto; flex-shrink: 1; height: 100%; padding: 4px 4px 4px 4px; } .key\:p7v57768b2{ height: 60%; object-fit: contain; width: auto; } .key\:p44k77ymyp{ align-items: center; display: flex; flex: 1; height: 100%; min-width: 0; overflow: hidden; padding: 0 0 0 10px; } .key\:2vx9wwydz2{ opacity: 0.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .key\:pweb55y6rp{ align-items: center; cursor: pointer; display: flex; flex: 0 0 auto; gap: 2px; height: 100%; opacity: 0.5; padding: 2px 4px 2px 4px; } .key\:2en344z6vp{ height: 34%; object-fit: contain; width: auto; margin: 0px 10px 0px 4px; } .key\:pdne87m8yp{ align-items: center; cursor: pointer; display: flex; height: 100%; padding: 0 0 0 10px; } /* notification icon container div */ .key\:28dwn7ewm2{ align-items: center; cursor: pointer; display: flex; height: 100%; padding: 0 10px 0 10px; } /* notification icon image */ .key\:pvx9eb698p{ height: 34%; object-fit: contain; width: auto; } /* busan_v2.css end */ /* trieste_v1.css begin */ :root{ --inter-p568xn9ew2: var(--univ-2568xkdmvp); --inter-pzyknb9vm2: var(--univ-2568xk63xp); --inter-pxbym3z56p:; --inter-pwebk63y4p:; --inter-2568xn5mrp: var(--dock-height); --inter-p44k5mn9kp: var(--icon-spacing-scale); --inter-28dwv6ndx2: var(--icon-base-scale); } .key\:trieste\/inner{ align-items: center; display: flex; height: 100%; width: 100%; } .key\:trieste\/inner a{ height: 100%; } .set\:2r8e43xmv2{ --inter-pxbym3z56p: var(--inter-pzyknb9vm2); --inter-pwebk63y4p: 0.5; } .key\:pkx79bmbe2{ --inter-pxbym3z56p: var(--inter-p568xn9ew2); --inter-pwebk63y4p: 1.0; } .set\:2r8e43xmv2,.key\:pkx79bmbe2{ align-items: center; cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: center; opacity: var(--inter-pwebk63y4p); border-top: calc(var(--inter-2568xn5mrp) * 0.003) solid transparent; border-radius: calc(var(--inter-2568xn5mrp) * 0.003) calc(var(--inter-2568xn5mrp) * 0.003) 0 0; color: var(--inter-pxbym3z56p); padding-top: calc(var(--inter-2568xn5mrp) * 0.04);} .set\:2r8e43xmv2 img,.key\:pkx79bmbe2 img{ margin-bottom: calc(var(--inter-2568xn5mrp) * var(--inter-p44k5mn9kp)); height: calc(var(--inter-2568xn5mrp) * var(--inter-28dwv6ndx2)); width: calc(var(--inter-2568xn5mrp) * var(--inter-28dwv6ndx2)); max-width: 100%; max-height: 100%; object-fit: contain; } .set\:2r8e43xmv2 div:nth-of-type(2),.key\:pkx79bmbe2 div:nth-of-type(2){ margin-top: calc(var(--inter-2568xn5mrp) * 0.02);} .set\:28dwk59ny2{ cursor: pointer; display: flex; flex: 1; height: 100%; border-top: calc(var(--inter-2568xn5mrp) * 0.003) solid transparent; } /* trieste_v1.css end */ .key\:p9b6k7nw62{ 0background-color:orange; 0padding-top:7px; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100% !important; cursor: pointer; color: #fbfcfc; /* off-white icons */ 0font-size: 16px; /* icon size */ 0font-size: 10-12px; 0border-top: 3px solid transparent; 0border-radius: 3px 3px 0 0; /* optional rounding for active indicator */ 0padding-top:4px; padding-top: calc(var(--dock-height) * 0.07); } .key\:pvx9mk57mp{ position: relative; /* THIS is the missing key */ display: inline-flex; /* optional but usually helpful */ align-items: center; justify-content: center; 0background:tomato !important; height:100%; 0border-bottom: 3px solid transparent; /* bright blue */ 0color:rgb(40,150,230) !important; 0margin-bottom:4px; border-bottom: calc(var(--dock-height) * 0.003) solid transparent; margin-bottom: calc(var(--dock-height) * 0.04); } .key\:pvx9mk57mp::after { content: '+'; position: absolute; 0top: -4px; top: calc(var(--dock-height) * -0.04); 0right: -10px; right: calc(var(--dock-height) * -0.1); 0width: 12px; 0height: 12px; /* Size = 10% of dock height */ width: calc(var(--dock-height) * 0.1); height: calc(var(--dock-height) * 0.1); background: rgb(40,150,230); color: #fbfcfc; 0font-size: 12px; font-weight: bold; /* Font size = 8% of dock height */ font-size: calc(var(--dock-height) * 0.08); border-radius: 50%; display: flex; justify-content: center; align-items: center; pointer-events: none; /* so it can't be accidentally tapped */ } .key\:pvx9mk57mp img{ 0width: 28px; 0height: auto; width: calc(var(--dock-height) * var(--post-icon-scale)); height: auto; /* Maintain aspect ratio */ max-width: 100%; } .key\:2kx7mdwvnp{ 0border-bottom: 3px solid rgb(40,150,230); /* bright blue */ 0border-radius: 0 0 3px 3px !important;; /* optional rounding for active indicator */ border-bottom: calc(var(--dock-height) * 0.003) solid rgb(40,150,230); border-radius: 0 0 calc(var(--dock-height) * 0.003) calc(var(--dock-height) * 0.003) !important; 0border-collapse: separate !important; 0overflow: hidden; 0perspective: 1px; } .set\:p65v79bw42{ align-items: center; /* Dynamic border based on dock height */ border-top: calc(var(--dock-height) * 0.003) solid transparent; border-radius: calc(var(--dock-height) * 0.003) calc(var(--dock-height) * 0.003) 0 0; color: #fbfcfc; /* off-white icons */ cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: center; /* Dynamic padding */ padding-top: calc(var(--dock-height) * 0.04); } .set\:p65v79bw42 img{ margin-bottom: calc(var(--dock-height) * var(--icon-spacing-scale));/* Dynamic spacing = 2% of dock height */ /* Icon size = 12% of dock height */ height: calc(var(--dock-height) * var(--icon-base-scale)); width: calc(var(--dock-height) * var(--icon-base-scale)); max-width: 100%;/* ensures it doesn’t overflow container */ max-height: 100%;/* ensures it doesn’t overflow container */ object-fit: contain; /* keeps aspect ratio */ opacity: var(--inter-pwebk63y4p); } .set\:p65v79bw42.key\:pen34d89v2 img, .set\:p65v79bw42.key\:pen34d89v2, .set\:p65v79bw42.key\:pen34d89v2 .set\:2vx9mk5bk2{ color: var(--colors-blue-a) !important; opacity: 1 !important; } .set\:p65v79bw42 img{ 0width: 16px; 0height: 16px; 0margin-bottom: 3px; /* space between icon and label */ } .set\:p65v79bw42 img{ 0filter: brightness(0.9); 0opacity: 0.9; } .set\:p7v5xby972{ flex: 1;/* grows to fill space */ } .set\:2vx9mk5bk2{ margin-top: calc(var(--dock-height) * 0.02);/* Dynamic margin = 2-3% of dock height */ opacity: var(--inter-pwebk63y4p); } :root{ --univ-color-res-blue-light:rgba(1,179,241,1); --univ-color-res-blue-dark:rgba(2,137,184,1); --univ-color-res-yellow-light:rgba(255,200,0,1); --univ-color-res-yellow-dark:rgba(239,172,3,1); --univ-color-blue-01:rgba(44,132,226,1.0); --univ-color-grey-001:rgba(238,238,238,0.85); --univ-color-grey-002:rgba(10,10,10,1); --univ-color-grey-003:rgba(22,22,22,1); --univ-color-grey-004:rgba(238,238,238,0.7); --univ-color-grey-005:rgba(238,238,238,0.3); --univ-color-grey-006:rgba(238,238,238,0.5); --colors-white-b:rgb(225,225,225); --colors-white-c:rgb(180,180,180); --colors-black-a:#3c3d43; --colors-v2-grey-090:rgb(24,24,24); --colors-v2-grey-070:rgb(33,33,33); --colors-v2-grey-050:rgb(43,43,43); --colors-v2-grey-090: rgb(18,18,18); /* Even darker */ --colors-v2-grey-070: rgb(25,25,25); --colors-v2-grey-050: rgb(33,33,33); --00000univ-pnzv53ykxp:rgba(10,10,10,1.0); --00000univ-2mz8wvrbyp:rgba(10,10,10,1.0); --00000univ-p3y5kmeebp:rgba(22,22,22,1.0); --00000univ-p65vndrvw2:rgba(44,132,226,1.0); --univ-28dwvbez52:rgba(0,0,0,0.15); --univ-2en3eymr7p:rgba(10,10,10,1.0); --univ-p7v5n58r52:rgba(11,11,11,1.0); --univ-2kx7vb3xxp:rgba(14,14,14,1.0); --univ-pwebzm4emp:rgba(22,22,22,1.0); --univ-2yb7xekvyp:rgba(107,107,107,0.08); --univ-p44k53wvbp:rgba(50,50,50,1); --univ-2en379w97p:rgba(207,207,207,1.0); --univ-2b5w9kdrxp:rgba(158,158,158,1.0); --univ-2568xk63xp:rgba(238,238,238,1.0); --univ-pyb7xek4r2:rgba(238,238,238,0.85); --univ-pb5wyd76z2:rgba(238,238,238,0.7); --univ-2nzv5d99m2:rgba(238,238,238,0.5); --univ-pdney5mxkp:rgba(238,238,238,0.4); --univ-pyb75vw8w2:rgba(238,238,238,0.3); --univ-p3y5kzbw7p:rgba(220,53,69,1); --univ-p8dwv89v8p:rgba(220,53,69,0.1); --univ-2mz8wbxymp:rgba(164,40,26,1.0); --univ-2vx93dk352:rgba(46, 184, 92, 1); --univ-2web6ymm32:r gba(17,17,17,1.0); --univ-265v8e99vp:r gba(14,14,14,1.0); --univ-2en36zyyyp:rgba(10,10,10,1.0); --univ-p8dyeyrwxp:rgba(119,119,119,1.0); --univ-p56r7re8m2:rgba(95,95,95,1.0); --univ-p44zwz6kwp:rgba(71,71,71,1.0); --univ-2nzenemb62:rgba(238,238,238,1.0); --univ-2568n398mp:rgba(202,202,202,1.0); --univ-pxb858rzmp:rgba(167,167,167,1.0); --univ-2568xkdmvp:rgba(44,132,226,1.0); --univ-2dnbmb68v2:rgba(37,112,192,1.0); --univ-pmz6x6k9k2:rgba(31,92,158,1.0); --univ-2enymyev4p:rgba(46,184,92,1.0); --univ-2kxdrdyzdp:rgba(39,156,78,1.0); --univ-p7vbmbzn52:rgba(32,129,64,1.0); --univ-pzydvd59w2:rgba(226,44,44,1.0); --univ-2659m9347p:rgba(192,37,37,1.0); --univ-29b7m79n8p:rgba(158,31,31,1.0); --univ-2r89k9dv62:rgba(226,132,44,1.0); --univ-p3y3d3wnmp:rgba(192,112,37,1.0); --univ-2wem4mz3d2:rgba(158,92,31,1.0); } /* forms_v3.css begin */ :root{ --pmz898wbk2:3px; --pxbyzymemp:rgba(24, 25, 26,0.7); --pvx9e97nxp:transparent; --pnzvbe74rp:rgba(0,0,0,1); --p3y5n3r4wp:rgb(40,150,230); --inter-244k6v6m52:rgba(22,22,22,1); --p7v5nb33v2:rgba(238,238,238,0.5); --inter-2zyk5bd5bp:var(--univ-2vx93dk352);/* preview: rgba(46, 184, 92, 1) */ --inter-p7v5n58r52:var(--univ-p7v5n58r52);/* preview: rgba(11, 11, 11,1) */ --inter-pb5wyd76z2:var(--univ-pb5wyd76z2);/* preview: rgba(238,238,238,0.7) */ --inter-pyb75vw8w2:var(--univ-pyb75vw8w2);/* preview: rgba(238,238,238,0.3) */ --inter-2en3eymr7p:var(--univ-2en3eymr7p);/* preview: rgba(10,10,10,1); */ --inter-pwebzm4emp:var(--univ-pwebzm4emp);/* preview: rgba(22,22,22,1); */ --inter-2vx9dbnn82:var(--univ-2mz8wbxymp);/* preview: rgba(164,40,26,1.0);*/ --inter-pnzv6k3b6p:var(--univ-2568n398mp)/* preview: rgba(202,202,202,1.0); */; --inter-2yb7rde75p:var(--univ-2en36zyyyp);/* preview: rgba(10,10,10,1.0); */ --inter-2vx9dbeme2:var(--univ-2568xkdmvp);/* preview: rgba(44,132,226,1.0);*/ --inter-pybvzv9752:var(--univ-2r89k9dv62);/* preview: rgba(226,132,44,1.0);*/ --inter-pmz6xw3y72:var(--univ-2enymyev4p);/* preview: rgba(46,184,92,1.0)*/ --inter-2dnbmd5v42:var(--univ-pzydvd59w2);/* preview: rgba(226,44,44,1.0)*/ } .set\:28dwnwvzr2{ height: auto; min-width: 0; width: 100%; } .set\:p3y5n5kxmp{ border-radius: 4px; border: var(--pmz898wbk2) solid var(--pxbyzymemp); background-color: var(--inter-p7v5n58r52); margin: 0px 8px 0px 6px; padding: 6px 0 8px 8px; } .set\:2kx7yxkb5p{ border-radius: 4px; background-color: var(--inter-p7v5n58r52); margin: 0px 8px 0px 6px; padding: 6px 0 8px 8px; } .set\:p65v4vn672{ outline: none; width: 100%; background-color: var(--pvx9e97nxp); border: 0px solid var(--pvx9e97nxp); color: var(--p7v5nb33v2); } .set\:p65v4vn672::placeholder{ color: var(--inter-pyb75vw8w2); } .set\:pyb75vwrx2{ outline: none; width: 100%; background-color: var(--pvx9e97nxp); border: 0px solid var(--pvx9e97nxp); color: var(--p7v5nb33v2); } .set\:p5685ezdm2{ background-color: var(--inter-pwebzm4emp) !important; color: var(--inter-pb5wyd76z2); } .set\:244knzwe62{ border: 4px solid var(--p3y5n3r4wp) !important; background-color: var(--pnzvbe74rp); } .set\:29b6n634rp{ color: var(--inter-pb5wyd76z2); margin: 0 0 4px 0; } .set\:p7vbmbzwr2{ margin: 0px 8px 0px 6px; padding: 6px 0 8px 8px; } .set\:penymye342{ color: var(--inter-pybvzv9752); } .set\:265vry85vp{ color: var(--inter-2vx9dbeme2); } .set\:p3y5ex7ywp{ color: var(--inter-2vx9dbnn82); 0padding-top:100px; } .set\:2r8ed79dk2{ color: var(--inter-2zyk5bd5bp); } .set\:265vry85vp,.set\:p3y5ex7ywp,.set\:2r8ed79dk2{ align-items: center; display: flex; width: 100%; padding: 0 0 0 12px; 0max-width: 50%; 0margin: 0px 0 10px 0; } .set\:265vry85vp::after,.set\:p3y5ex7ywp::after{ 0content: ""; 0flex: 1; /* stretch the line to fill remaining space */ 0height: 1px; /* thickness */ 0margin-left: 8px; /* spacing after text */ 0margin-right:8px; 0background: rgb(255,255,255,0.1); 0background: rgba(50,50,50,0.4); 0background:#000; 0background:var(--colors-blue-a); 0opacity: 0.4; /* subtle */ } .set\:2dne8ye5w2{ align-items: stretch; /* children match row height */ display: flex; width: 100%; padding: 2px 8px 0px 0px; } .set\:2kx7zv7myp{ align-items: flex-start;/*flex-start;*/ /* vertical: top */ display: flex; flex: 1; /* take remaining width */ flex-direction: column; justify-content: flex-start; /* horizontal: left */ color: var(--inter-pb5wyd76z2); padding: 10px 10px 10px 0; } .key\:2xbyrbn7e2{ width: 100%; color: var(--inter-pb5wyd76z2); } .key\:pnzvmz9ddp{ width: 100%; color: var(--inter-pyb75vw8w2); } .set\:p44kn5k7yp{ align-items: center; /* vertical: top */ display: flex; justify-content: flex-end; /* horizontal: right */ width: max-content; /* width of content */ } .set\:28dwnvwk52,.set\:pvx9e79wbp{ border-radius: 4px; cursor: pointer; display: inline-block; /* allows natural width */ outline: none; text-decoration: underline; transition: border-color 0.15s, background-color 0.15s; user-select: none; width: fit-content; /* grows only with text + padding */ border: 2px solid transparent; padding: 8px 10px 8px 10px; 0margin:0px 10px 0px 0px; } .set\:28dwnvwk52{ background-color: var(--inter-pb5wyd76z2); color: var(--inter-2en3eymr7p); 0background-color:var(--p3y5n3r4wp); 0color:var(--inter-pb5wyd76z2); 0color: rgba(10,10,10,1); 0background-color:rgba(238,238,238,0.85); } .set\:pvx9e79wbp{ background-color: var(--inter-pwebzm4emp); color: var(--inter-pb5wyd76z2); 0background-color:var(--inter-244k6v6m52); 0color:rgba(238,238,238,0.5); 0background-color: rgba(22,22,22,1); 0background-color:tomato; } .set\:2kx7yev75p{ box-sizing: border-box; /* ensures padding is included in width */ width: 100%; --inter-pwebzxkb6p: 6px; padding: 0 var(--inter-pwebzxkb6p) 0 var(--inter-pwebzxkb6p); } .set\:2yb79yxwnp{ align-items: center; border-radius: 4px; display: flex; gap: 16px; width: 100%; background-color: var(--inter-p7v5n58r52); --inter-2mz8k3w6np: 10px; padding: 20px var(--inter-2mz8k3w6np) 20px var(--inter-2mz8k3w6np); } .set\:p568edxkn2{ flex: 1; /* takes remaining width */ min-width: 0; /* prevents overflow issues */ } .set\:p8dwr4vdep{ display: block; width: 100%; color: var(--inter-pb5wyd76z2); margin: 0 0 6px 0; } .set\:pdne6vyn9p{ display: block; width: 100%; color: var(--inter-pyb75vw8w2); } .set\:p65v3wn5w2{ cursor: pointer; flex-shrink: 0; /* prevents shrinking */ } .set\:pnzvm3dw5p,.set\:28dwr4vdz2{ border-radius: 4px 4px 4px 4px !important; display: inline-block; min-width: 60px; pointer-events: none; text-align: center; padding: 6px 10px 6px 10px; 0width: 80px; /* fixed width - adjust as needed */ } .set\:pnzvm3dw5p{ background-color: var(--inter-pb5wyd76z2); color: var(--inter-2en3eymr7p); } .set\:28dwr4vdz2{ background-color: var(--inter-pwebzm4emp); border: 1px solid var(--inter-pb5wyd76z2); color: var(--inter-pb5wyd76z2); } .set\:pxbyz3zmnp{ align-items: stretch; /* children match row height */ display: flex; width: 100%; padding: 2px 8px 0px 0px; } .set\:p7v5ndndn2{ align-items: center;/*flex-start;*/ /* vertical: top */ display: flex; flex: 1; /* take remaining width */ justify-content: flex-start; /* horizontal: left */ color: var(--inter-pb5wyd76z2); } .set\:pen3v63mw2{ align-items: center; /* vertical: top */ display: flex; justify-content: flex-end; /* horizontal: right */ width: max-content; /* width of content */ } .set\:pb5w3v7em2{ border-radius: 4px; cursor: pointer; display: inline-block; /* allows natural width */ text-decoration: underline; transition: border-color 0.15s, background-color 0.15s; user-select: none; width: fit-content; /* grows only with text + padding */ background-color: var(--inter-pwebzm4emp); border: 2px solid transparent; color: var(--inter-pb5wyd76z2) outline: none; padding: 7px 10px 7px 10px; } .set\:p65v48vx62{ align-items: stretch; /* children match row height */ display: flex; width: 100%; padding: 2px 8px 0px 0px; } .set\:265v48v76p{ align-items: center;/*flex-start;*/ /* vertical: top */ display: flex; flex: 1; /* take remaining width */ justify-content: flex-start; /* horizontal: left */ color: var(--inter-pb5wyd76z2); } .set\:2b5wynw8dp{ align-items: center; /* vertical: top */ display: flex; width: max-content; /* width of content */ justify-content: flex-end; /* horizontal: right */ } .set\:2mz89d8vmp{ border-radius: 4px; cursor: pointer; display: inline-block; /* allows natural width */ outline: none; text-decoration: underline; transition: border-color 0.15s, background-color 0.15s; user-select: none; width: fit-content; /* grows only with text + padding */ background-color: var(--inter-pwebzm4emp); border: 2px solid var(--inter-2vx9dbnn82); color: var(--inter-2vx9dbnn82); padding: 8px 10px 8px 10px; } .set\:pb5wynnkr2{ align-items: stretch; /* children match row height */ display: flex; width: 100%; padding: 2px 8px 0px 0px; } .set\:pyb75rr492{ align-items: flex-start;/*center;*/ /* vertical: top */ display: flex; flex: 1; /* take remaining width */ flex-direction: column; justify-content: flex-start; /* horizontal: left */ color: var(--inter-pb5wyd76z2); } .set\:pkx7znnkn2{ align-items: center; /* vertical: top */ display: flex; justify-content: flex-end; /* horizontal: right */ width: max-content; /* width of content */ } .set\:pweb366w7p{ color: var(--inter-pb5wyd76z2); margin: 0 0 4px 0; } .set\:2web366w32{ outline: none; width: 100%; background-color: var(--pvx9e97nxp); border: 0px solid var(--pvx9e97nxp); color: var(--p7v5nb33v2); } .set\:2web366w32::placeholder{ color: var(--inter-pyb75vw8w2); } .set\:2568877k8p{ border-radius: 4px; cursor: pointer; display: inline-block; /* allows natural width */ outline: none; text-decoration: underline; transition: border-color 0.15s, background-color 0.15s; user-select: none; width: fit-content; /* grows only with text + padding */ background-color: var(--inter-pnzv6k3b6p); color: var(--inter-2yb7rde75p); padding: 8px 10px 8px 10px; } .set\:2vx9rbzd82{ bottom: 0; position: sticky; width: 100%; z-index: 10; background-color: rgba(0,0,0,0.7); padding: 0 0 4px 0; } .set\:2en3kx5mwp{ border-radius: 4px; width: 100%; border: none; background-color: var(--inter-2vx9dbeme2); padding: 8px 0 8px 0; } .set\:p7vbmb8vk2{ background-color: var(--inter-pybvzv9752) !important; } .set\:p56r7xd3w2{ background-color: var(--inter-pmz6xw3y72) !important; } .set\:2659m87w6p{ background-color: var(--inter-2dnbmd5v42) !important; } .set\:pzydvbz8b2{ background-color: var(--inter-2vx9dbeme2) !important; } /* forms_v3.css end */ /* sulaco_v1.css start */ :root{ } a:link, a:visited, a:hover, a:active { text-decoration: none; } body.waiting *{ cursor: wait; } .set\:27v5e4kn4p{ align-items: center; display: flex; justify-content: center; margin-bottom: 2rem; /* Space between icon and form */ padding: 10px 0 0 0; } .set\:27v5e4kn4p > div{ border-radius: 4px; display: inline-flex; /* shrink to content */ flex: 0 0 auto; /* prevent stretching */ height: auto; /* fit icon height */ width: auto; /* fit icon width */ background: rgb(50,50,50); padding: 6px; } .set\:27v5e4kn4p > div > img{ 0border-radius: 50%; /* Makes it circular if desired */ height: 30px; object-fit: cover; /* Ensures image fits properly */ width: 30px; /* Adjust size as needed */ } .set\:2b5wkmv96p{ color: var(--colors-blue-a); } .set\:2dnekwx392{ color: rgb(164,40,26); } .set\:2b5wkmv96p,.set\:2dnekwx392{ align-items: center; display: flex; width: 100%; 0max-width: 50%; margin: 30px 0 10px 0; } /* line that fills the rest of the row */ .set\:2b5wkmv96p::after,.set\:2dnekwx392::after{ background: rgb(255,255,255,0.1); content: ""; flex: 1; /* stretch the line to fill remaining space */ height: 2px; /* thickness */ opacity: 0.4; /* subtle */ margin-left: 8px; /* spacing after text */ } .set\:pen3k5ke32{ width: 100%; color: var(--colors-white-b); margin-bottom: 20px; } .set\:23y5v8b4y2{ width: 100%;/* full width of container */ } .set\:23y5v8b4y2,.set\:p65v6x6842{ border-radius: 6px; /* subtle rounding */ box-sizing: border-box; /* include padding in width */ outline: none; /* remove default browser outline */ transition: all 0.2s ease; /* smooth hover/focus effect */ background-color: rgb(50,50,50); /* subtle grey when inactive */ border: 2px solid rgb(12,12,12,0.8); /* default dark black border */ color: var(--colors-white-b); /* text color */ padding: 8px 12px; /* vertical + horizontal padding */ } .set\:23y5v8b4y2:focus,.set\:p65v6x6842:focus{ background-color: var(--colors-white-a); /* white background when typing */ border-color: var(--colors-blue-a); /* our chosen blue */ color: var(--colors-black-a); /* optionally darker text on white */ } .set\:23y5v8b4y2::placeholder{ color: rgb(150,150,150); /* subtle placeholder grey */ } .set\:pweb9dnn7p{ width: auto; /* Or auto, depending on your needs */ background-color: rgb(164,40,26); border: 2px solid #0f1010; color: var(--colors-white-a); /* Button reset */ 0border: 2px solid orange; 0background-color: green; 0padding: 0; /* Remove default button padding */ 0background-color: #1a1b1b; /* matches your input aesthetic */ } .button-content{ align-items: center; display: flex; gap: 8px; justify-content: space-between; /* Text left, icon right */ width: 100%; 0padding: 8px 12px; /* Add padding here instead of button */ } .button-text{ white-space: nowrap; 0color: dodgerblue; } .button-icon{ align-items: center; display: flex; flex-shrink: 0; } .button-icon img{ display: block; /* Removes extra space below image */ height: auto; width: 8px; } .set\:p65v6x6842{ background-color: #1a1b1b; /* matches your input aesthetic */ border: 2px solid #0f1010; color: var(--colors-white-b); } .set\:p65v6x6842,.set\:pweb9dnn7p{ border-radius: 2px; cursor: pointer; display: inline-block; /* allows natural width */ text-decoration: underline; transition: border-color 0.15s, background-color 0.15s; user-select: none; width: fit-content; /* grows only with text + padding */ margin-right: 4px; padding: 10px 12px; } .set\:p65v6x6842:active, .set\:p65v6x6842:focus{ outline: none; background-color: #222222; border-color: var(--colors-blue-a); /* your blue when focused */ } .set\:p65v6x6842:hover{ background-color: #202121; } /* Or for a specific container */ .key\:kyoto { 0overflow-y: scroll !important; 0-webkit-overflow-scrolling:touch !important; /* Firefox */ 0scrollbar-width: auto; 0scrollbar-color: rgba(174, 198, 79, 1) rgba(174, 198, 79, 1); } /* Chrome, Safari, Edge */ ::-webkit-scrollbar{ 0width: auto; } ::-webkit-scrollbar-thumb{ 0background: rgba(54, 230, 41,1) !important; 0color: rgba(54, 230, 41,1) !important; 0border-radius: 10px; } ::-webkit-scrollbar-track{ 0background-color: transparent; } /* Base class - works everywhere */ .key\:kyoto{ overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } /* Chrome scrollbar */ .key\:kyoto::-webkit-scrollbar{ width: auto; background: transparent; } .key\:kyoto::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.2); border-radius: 10px; } /* Firefox - only Firefox reads this */ @-moz-document url-prefix(){ .key\:kyoto { scrollbar-width: auto; scrollbar-color: rgba(255,255,255,0.2) transparent; } } .key\:kyoto.scrolling-active::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.3); } @-moz-document url-prefix(){ .key\:kyoto.scrolling-active { scrollbar-color: rgba(255,255,255,0.3) transparent; } } .key\:265v6zykyp{ position: absolute; z-index: 1000; background: green; pointer-events: none; visibility: hidden; height: 40px; } /* sulaco_v1.css end */ /* tabs_v4.css start */ :root { --colors-hrzntlmnu-container: rgba(10,10,10,1.0); --colors-hrzntlmnu-item-bg: rgba(22,22,22,1); --colors-hrzntlmnu-item-text: rgba(238,238,238,0.5); --colors-hrzntlmnu-item-bg-active: var(--univ-2568xkdmvp); --colors-hrzntlmnu-item-text-active: rgba(238,238,238,1.0); } .set\:2zyk3wvvkp{ background-color: #000000; background: var(--colors-hrzntlmnu-container); width: 100%; max-width: 100%; display: flex; flex-wrap: nowrap; gap: 10px; padding: 10px 10px 10px 10px; overflow: hidden; position: sticky; top: 0; user-select: none; } .set\:pyb7edzzr2{ /* Base flex settings - all items grow equally by default */ flex: 1 1 auto; min-width: 0; /* Allow items to shrink below content size */ padding: 12px 16px 10px 16px; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; /* Text centering */ display: flex; align-items: center; justify-content: center; text-decoration: none; /* Text overflow handling */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .set\:pyb7edzzr2 span { /* Remove the span wrapper's block display to allow flex centering */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* First two items: ensure minimum width */ .set\:pyb7edzzr2:nth-child(1), .set\:pyb7edzzr2:nth-child(2) { min-width: 60px; flex-basis: auto; /* Allow these to be content-width based */ } /* Items 3 and beyond: smaller minimum width */ .set\:pyb7edzzr2:nth-child(n+3) { min-width: 40px; flex-basis: auto; /* Allow these to be content-width based */ } .set\:2b5w36dx6p { /* inactive menu item */ background: var(--colors-hrzntlmnu-item-bg); color: var(--colors-hrzntlmnu-item-text); } .set\:2yb7e39nmp { /* active menu item */ background-color: var(--colors-hrzntlmnu-item-bg-active); color: var(--colors-hrzntlmnu-item-text-active); } /* tabs_v4.css start */ /* utilities_v1.css begin */ :root{ --inter-2dney3m742:var(--univ-2mz8wbxymp);} .use\:27v5y3bdnp{ margin-bottom: 20px; } .use\:244kr959w2{ margin-bottom: 20px; } .use\:pwebwd79rp{ margin-top: 20px; } .use\:2dnerw49m2{ margin-top: 40px; } .use\:2dnervm8e2{ padding: 0px 10px 0px 10px; } .use\:pxby695x7p{ color: var(--inter-2dney3m742) !important; } .use\:p44krx7dwp{ margin: 0 0 20px 0; } .use\:2vx9e7kvv2{ display: none; } .use\:p7v5zdknr2, .use\:p7v5zdknr2 *{ user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; -webkit-tap-highlight-color:transparent; } .use\:p7v5zdknr2 img { -webkit-touch-callout: none; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .use\:2r89k7xm52{ pointer-events: none !important; } .use\:265953z33p{ display: block; margin:50px 0 0 0; } /* utilities_v1.css end */ /* filters_v1.css begin */ :root{ --inter-27v5nyr96p: rgba(40,40,40,1); --inter-2xbyz6vn92: rgba(238,238,238,0.5); } .set\:pb5wyeb3r2{ display: flex; justify-content: flex-end; width: 100%; gap: 10px;/* Optional: adds space between the two items */ padding: 6px 10px 0 0; } .set\:28dwnexnz2{ align-items: center; border-radius: 4px; cursor: pointer; display: flex; flex-grow: 0; flex-shrink: 0;/* Let items be sized by their content */ justify-content: center; background: var(--inter-27v5nyr96p); color: var(--inter-2xbyz6vn92); padding: 8px 12px 6px 12px;/* Optional: add some padding for better click area */ } /* filters_v1.css end */ /* help_support_v1.css begin */ .set\:2kx7dwb34p{ position: absolute; bottom: 0; left: 0; right: 0; } /* help_support_v1.css end */ /* home_v1.css begin */ :root{ --inter-28dwvxd762: var(--univ-2568xk63xp);/* preview: rgba(238,238,238,1.0) */ --inter-pvx978zyrp: var(--univ-2568xkdmvp);/* preview: rgba(44,132,226,1.0) */ } .set\:2kx773bdmp{ text-align: center; width: 100%; color: var(--inter-28dwvxd762); margin: 0 0 40px 0; } .set\:2kx773bdmp img{ display: inline-block; height: auto; vertical-align: middle; width: 1em;/* scales with the div's font-size */ padding: 0 0 4px 0; } .key\:pwebkveyzp{ text-align: center; } .key\:pwebkveyzp img{ display: inline-block; height: auto; width: 1em;/* scales with the div's font-size */ } .key\:pkx7v4x492{ display: flex; flex-direction: column; gap: 14px; list-style: none; margin: 0; padding: 0; } .key\:pkx7v4x492 > li{ align-items: center; counter-increment: step; display: flex; } .key\:pkx7v4x492 > li::before{ align-items: center; border-radius: 50%; content: counter(step); display: inline-flex; flex-shrink: 0; font-weight: 600; font-size: 0.8em;/* number slightly smaller than text */ height: 1.6em;/* scales with font-size */ justify-content: center; width: 1.6em;/* scales with font-size */ background: var(--inter-pvx978zyrp); color: var(--inter-28dwvxd762); margin: 0 0.75em 0 0; } /* home_v1.css end */ /* list_v1.css start */ :root{ --inter-p568x5wn52:var(--univ-2en3eymr7p); --inter-p8dwvn36wp:var(--univ-pwebzm4emp); --inter-2vx97erdk2:var(--univ-2nzv5d99m2); --inter-2zydek7emp:var(--univ-2kxdrdyzdp); --inter-2dnb9bevy2:var(--univ-p7vbmbzn52); } .set\:2nzv3nx482{ display: inline-block; height: auto; 0min-height: 100%; max-width: 100%; /* Prevents container from exceeding parent */ min-width: 0; /* Prevents overflow issues */ width: 100%; vertical-align: top; /* Usually what you want */ } .set\:23y5zd8vv2{ display: none; } .set\:pkx7vz3ye2{ display: flex; flex-wrap: nowrap; gap: 10px; width: 100%; background-color: var(--inter-p568x5wn52); padding: 10px 10px 10px 10px; margin-bottom: 20px; } .btn-select-clear, .set\:pen37v87y2, .set\:pkx7vz3ne2{ border-radius: 4px; cursor: pointer; flex: 1 1 0; /* Equal sharing of available space */ min-width: 0; /* Allows shrinking below content */ overflow: hidden; text-align: center; text-decoration: underline; text-overflow: ellipsis; transition: all 0.2s; white-space: nowrap; background: var(--inter-p8dwvn36wp); border: 1px solid transparent; color: var(--inter-2vx97erdk2); padding: 8px 0; } .set\:2dney8xdr2, .set\:2r8ervn772{ border-radius: 4px; cursor: pointer; flex: 0 0 auto; text-align: center; transition: all 0.2s; width: 48px; background: var(--inter-p8dwvn36wp); border: 1px solid transparent; color: var(--inter-2vx97erdk2); padding: 8px 0; } .set\:2nzv5b3nr2{ border-radius: 4px; cursor: pointer; flex: 0 0 auto; text-align: center; transition: all 0.2s; background: var(--inter-p8dwvn36wp); border: 1px solid transparent; color: var(--inter-2vx97erdk2); padding: 8px 10px 8px 10px; } .set\:2r8ervbmw2{ background-color: transparent; color: transparent; } /* Disabled state */ .set\:pkx7vz3ye2 button:disabled{ opacity: 0.5; cursor: not-allowed; } /* Hover (non-disabled only) */ .set\:pkx7vz3ye2 button:not(:disabled):hover { 0background: #f3f4f6; } /* Select/Clear mode colors */ .btn-select-clear { 0color: #0095f6; 0border-color: #0095f6; } .btn-select-clear.clear-mode { 0color: #dc2626; 0border-color: #fee2e2; } .key\:2wemvb5zb2{ display: flex; flex-direction: column; width: 100%; background-color:var(--inter-2zydek7emp); padding:0px 0 10px 0; } .set\:2kxd479v8p{ display: flex; gap: 10px; width: 100%; 0background-color: orange; } .set\:2kxd479v8p span { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; } .set\:2kxd47b8kp{ text-decoration: underline; } .key\:2mz648vbkp { display: flex; width: 100%; align-items: center; background-color:var(--inter-2zydek7emp); padding: 8px 20px 8px 20px; border-radius: 4px; z-index: 10000; } .key\:pnze7vdr6p { margin-right: auto; 0background-color: tomato; } .key\:244z9k88w2 { display: flex; gap: 40px; 0background-color: orange; } .key\:244z9k88w2 span{ text-decoration: underline; background-color:var(--inter-2dnb9bevy2); padding:4px 6px 4px 6px; border-radius: 4px; } /* dimmed overlay when successfuly save */ .key\:p7vb3bn332{ position: absolute; top: 0; left: 0; width:100%; background: rgba(0, 0, 0, 0.8); display: none; z-index: 9999; } /* list_v1.css end */ /* more_v2.css begin */ :root{ --inter-2b5wddbnyp: var(--univ-2b5w9kdrxp); --inter-pwebzze4rp: var(--univ-p44k53wvbp); --inter-p3y5wwyd5p: var(--univ-2568xk63xp); --inter-pzykn4vrd2: var(--univ-28dwvbez52);} .key\:2r8eny3832{ display: flex; flex-direction: column; height: 100%; padding: 20px 0 0 0; } .key\:p568zyv6n2{ flex: 1 0 auto; /* This pushes the footer down */ } .key\:pdnexw4v9p{ text-align: center; flex-shrink: 0; color: var(--inter-2b5wddbnyp); margin: 40px 0 10px 0; } .set\:2webndx4x2{ align-items: stretch; /* Makes children stretch to match tallest child */ display: flex; width: 100%; border-bottom: 5px solid var(--inter-pzykn4vrd2); --inter-2r8edd8n42: 15px; margin: 0 0 var(--inter-2r8edd8n42) 0; padding: 0 0 var(--inter-2r8edd8n42) 0; } .set\:265vrxwmxp{ align-items: center; /* Vertically center content */ display: flex; flex: 0 0 auto; /* Don't grow, don't shrink, use content width */ padding: 0 10px 0 0; /* Optional padding */ } .set\:2webnd5952{ border-radius: 4px; display: inline-flex; /* shrink to content */ flex: 0 0 auto; /* prevent stretching */ height: auto; /* fit icon height */ width: auto; /* fit icon width */ background: var(--inter-pwebzze4rp); padding: 4px; } .set\:2webnd5952 img{ display: block; /* remove default inline spacing */ height: 26px; opacity: 0.6; width: 26px; } .set\:2en385dmwp{ flex: 1 1 auto; /* Grow and shrink to fill remaining space */ } .set\:2en385dmwp > :nth-child(1){ color: var(--inter-p3y5wwyd5p); } .set\:2en385dmwp > :nth-child(2){ color: var(--inter-2b5wddbnyp); } .set\:p3y5e98dxp{ align-items: center; /* Vertically center content */ display: flex; flex: 0 0 auto; /* Don't grow, don't shrink, use content width */ } .set\:p3y5e98dxp img{ height: 14px; opacity: 0.5; width: 14px; } /* more_v2.css end */ /* notifications_config_v1.css begin */ :root{ --inter-pvx9ewe5xp: var(--univ-pnzvbrb96p); --inter-pr8ev4vv6p: var(--univ-p9b6nrnn82); --inter-28dwnknvk2: 10px; --inter-pvx9ewe74p: 10px; --inter-2dne838y72: 10px; --inter-2web353k92: 10px; --inter-244kn7kwx2: 10px; --inter-2kx7z9766p: rgba(238,238,238,0.8); --iiiiiinter-2zyk98krvp: var(--univ-2kx7z9793p); --inter-2zyk98krvp: var(--univ-color-grey-001); --iiiiiinter-pr8ev4eymp: rgba(238,238,238,0.8); --inter-pr8ev4eymp: var(--univ-color-grey-002); --iiiiiinter-p9b6nr6y52: rgba(22,22,22,1); --iiiiiinter-p9b6nr6y52: var(--univ-color-grey-003); --iiiiiinter-pyb75376y2: rgba(238,238,238,0.5); --iiiiiinter-pyb75376y2: var(--univ-color-grey-004); --inter-2mz8kd5erp: transparent; --inter-p65v38zwz2: var(--univ-pb5wyd76z2);/* preview: rgba(238,238,238,0.7) */ --inter-pb5wdn7mr2: var(--univ-pwebzm4emp);/* preview: rgba(22,22,22,1); */ } .key\:pmz89535k2{ display: inline-block; width: 100%; padding: 0 10px 40px 10px; } .set\:pdne8wv5vp{ display: inline-block; width: 100%; margin: 0 0 50px 0; } .set\:2zyk9rmzwp{ border-radius: var(--inter-244kn7kwx2) var(--inter-244kn7kwx2) 0 0; background-color: var(--inter-pvx9ewe5xp); color: var(--inter-2kx7z9766p); padding: var(--inter-28dwnknvk2) var(--inter-28dwnknvk2) 6px var(--inter-28dwnknvk2); } .set\:27v5nk4x5p{ background-color: var(--inter-pvx9ewe5xp); color: var(--inter-2kx7z9766p); padding: 0 var(--inter-28dwnknvk2) var(--inter-28dwnknvk2) var(--inter-28dwnknvk2); } .set\:27v5nk4x5p:first-letter{ text-transform: uppercase !important; } .set\:25685yd4mp{ border-radius: 0 0 var(--inter-244kn7kwx2) var(--inter-244kn7kwx2); display: flex; flex-wrap: wrap; gap: 12px; background-color: var(--inter-pr8ev4vv6p); padding: var(--inter-28dwnknvk2) var(--inter-28dwnknvk2) var(--inter-28dwnknvk2) var(--inter-28dwnknvk2); } .set\:2vx9evx772,.set\:pdne8wnydp{ border-radius: 4px; cursor: pointer; display: inline-block;/* allows natural width */ outline: none; 0text-decoration: underline; transition: border-color 0.15s, background-color 0.15s; width: fit-content;/* grows only with text + padding */ border: 2px solid var(--inter-2mz8kd5erp); padding: 8px 10px 8px 10px; } .set\:2vx9evx772{ background-color: var(--inter-2zyk98krvp); color: var(--inter-pr8ev4eymp); } .set\:pdne8wnydp{ 0background-color: var(--inter-p9b6nr6y52); 0color: var(--inter-pyb75376y2); color: var(--inter-p65v38zwz2); background-color: var(--inter-pb5wdn7mr2); border: 1px solid var(--inter-p65v38zwz2); } /* notifications_config_v1.css end */ /* panel_confirm_delete_v1.css start */ :root{ --2webbe35m2:0.6px; --p7v55k6zk2:rgba(2,2,2,1); } .key\:2webbe35m2 { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 2147483647 !important; background-color: rgb(4,4,4,0.8); background-color: var(--colors-panel-overlay); -webkit-backdrop-filter: blur(var(--2webbe35m2)); backdrop-filter: blur(var(--2webbe35m2)); -webkit-backdrop-filter: grayscale(100%); backdrop-filter: grayscale(100%); } .key\:pwebbe37mp { bottom: 0; display: flex; flex-direction: column; max-height: 80vh; left: 0; position: absolute; width: 100%; } .key\:23y55ynm72{ border-radius: 14px 14px 0 0; height: 14px; width: 100%; background-color: rgb(16,16,16); background-color: var(--p7v55k6zk2); 0border-top: 2px solid rgba(0,0,0,0.4); } .key\:pr8ee8v5mp { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: rgb(19,19,19); background-color: var(--colors-panel-content); background-color: var(--p7v55k6zk2); color: var(--colors-white-c); } .key\:pb5ww5y752{ height: 1px; width: 100%; } .key\:pb5ww5y752::before { border-radius: 10px; /* Set border radius */ content: ""; display: block; height: 4px; /* Set border thickness */ left: 50%; /* Align to the center horizontally */ position: absolute; top: 0; /* Position it at the top */ transform: translateX(-50%); /* Adjust position to center */ width: 10%; /* Set width to 80% */ background-color: var(--colors-panel-top-border); /* Set border color */ margin: 0 auto; /* Center the border */ } .key\:27v55vnrkp{ align-items: center; /* Vertically centers */ display: flex; justify-content: space-between; /* Pushes children apart */ position: sticky; top: 0; /* Use 0 instead of 1px for proper sticky */ 0box-shadow: 0 10px 0 0 rgb(19,19,19); 0background-color: rgb(16,16,16); 0background-color: var(--p7v55k6zk2); 0box-shadow: 0 2px 0 0 var(--colors-panel-content); 0background-color: green; padding: 6px 10px 13px 10px; } .key\:2xbyybzv72 { flex: 1; /* Takes up remaining space */ text-align: left; color: rgb(255,255,255); color: var(--colors-panel-header-text); } .set\:pnzvvzbkkp{ border-radius: 6px 6px 6px 6px; display: inline-block; background-color: tomato; background-color: var(--colors-panel-header-text-bg); padding: 4px 8px 4px 8px; } .key\:28dwwdn782 { align-items: center; cursor: pointer; display: flex; flex-shrink: 0; /* Prevents shrinking */ gap: 4px; text-align: right; color: rgb(255,255,255); color: var(--colors-panel-header-text); /* No flex-grow needed - takes only content width */ } .key\:2dneen87e2{ margin: 20px 0 40px 0; padding: 0 10px 0 10px; } .key\:2en33nvx7p { display: block; } .key\:2yb7768krp,.key\:28dwwzm3k2{ border-radius: 4px; cursor: pointer; display: inline-block; outline: none; width: 100%; border: 0px solid transparent; padding: 12px 10px 12px 10px; } .key\:2yb7768krp{ background-color: rgb(164,40,26); color: #fff; margin: 10px 0 20px 0; } .key\:28dwwzm3k2{ background-color: rgba(238,238,238,0.85); color: rgba(10,10,10,1); } /* panel_confirm_delete_v1.css end */ /* panel_v2.css start */ :root{ --pyb77kmbm2: rgba(10, 10, 10,0.8); --pnzvvydzbp: rgb(17, 17, 17); --pnzvvydzbp: rgb(4,4,4); --p44kkb8vkp: rgba(255,255,255,1); --pvx99m4x7p: rgb(14, 14, 14); --p3y55bm8yp: rgb(40,150,230); --p7v55xw4r2: rgb(238,238,238); --pxbyy4796p: rgba(158,158,158,0.2); --inter-2dnbnrd9w2:var(--univ-2568n398mp); } .key\:2nzvvyrmd2 { --pvx99m465p: 0.6px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2147483647; display: none; -webkit-backdrop-filter: blur(var(--pvx99m465p)); backdrop-filter: blur(var(--pvx99m465p)); background-color: rgb(4,4,4,0.8); background-color: var(--pyb77kmbm2); -webkit-backdrop-filter: grayscale(100%); backdrop-filter: grayscale(100%); } .key\:23y55bxwk2 { position: absolute; bottom: 0; left: 0; width: 100%; max-height: 80vh; display: flex; flex-direction: column; } .key\:27v55x784p{ width: 100%; height: 14px; border-radius: 14px 14px 0 0; border-top: 2px solid rgba(0,0,0,0.4); background-color: var(--pnzvvydzbp); } .key\:pnzvvyr5dp { overflow-y: auto; -webkit-overflow-scrolling: touch; flex: 1; min-height: 0; color: var(--p44kkb8vkp); background-color: var(--pvx99m4x7p); } .key\:pdneb7r4mp{ height: 1px; width: 100%; } .key\:pdneb7r4mp::before { content: ""; display: block; width: 10%; /* Set width to 80% */ height: 4px; /* Set border thickness */ border-radius: 10px; /* Set border radius */ position: absolute; top: 0; /* Position it at the top */ left: 50%; /* Align to the center horizontally */ transform: translateX(-50%); /* Adjust position to center */ background-color: var(--p3y55bm8yp); /* Set border color */ margin: 0 auto; /* Center the border */ } .key\:2b5ww86nbp{ position: sticky; top: 0; /* Use 0 instead of 1px for proper sticky */ display: flex; justify-content: space-between; /* Pushes children apart */ align-items: center; /* Vertically centers */ box-shadow: 0 2px 0 0 var(--pvx99m4x7p); background-color: var(--pnzvvydzbp); padding: 6px 10px 13px 10px; } .key\:pmz887bd72 { text-align: left; flex: 1; /* Takes up remaining space */ color: var(--p7v55xw4r2); } .set\:p5688b4nw2{ display: inline-block; border-radius: 6px 6px 6px 6px; background-color: var(--pxbyy4796p); padding: 4px 8px 4px 8px; } .key\:p65vv7y892 { cursor: pointer; display: flex; align-items: center; gap: 4px; text-align: right; flex-shrink: 0; /* Prevents shrinking */ color: var(--p7v55xw4r2); } .key\:pr8eex3kkp{ padding: 0 10px 0 10px; color: var(--inter-2dnbnrd9w2); } .key\:pxby87ydkp { display: block; } /* panel_v2.css end */ /* begin:security_v1.css */ :root{ --inter-pyb7vr9v82: var(--univ-2en3eymr7p); --inter-pr8edkeb7p: var(--univ-pyb7xek4r2); --inter-pen3enx352: var(--univ-2en379w97p); --inter-2webze8me2: var(--univ-2yb7xekvyp); --inter-2kx7yx5dzp: var(--univ-p3y5kzbw7p); --inter-2mz8kd6nmp: var(--univ-p8dwv89v8p); --inter-265vn4y99p: var(--univ-pb5wyd76z2); --inter-2r8erv3zy2: var(--univ-2nzv5d99m2);} .key\:2vx938vxe2{ color: var(--inter-pr8edkeb7p); } .set\:23y5wr9y72{ border-radius: 8px; transition: all 0.2s ease; background-color: var(--inter-pyb7vr9v82); margin: 0 10px 16px 10px; padding: 10px 16px 10px 4px; } .set\:pb5wdbvm52{ display: flex; flex-direction: column; } .set\:28dwrxz482{ align-items: center; display: flex; text-decoration: underline dotted var(--inter-2r8erv3zy2); color: var(--inter-265vn4y99p); margin: 0 0 10px 0; } .set\:pmz8k47zv2,.set\:p65v3k75n2,.set\:2zyk5ezm6p,.set\:pkx7y4me92,.set\:28dwrx94n2{ align-items: center; display: flex; color: var(--inter-2r8erv3zy2); margin: 0 0 10px 0; } .set\:pmz8k47zv2{ font-family: 'Consolas', 'Monaco', 'Courier New', monospace; } .set\:265v3kxw3p{ flex-shrink: 0; object-fit: contain; margin: 0 8px 0 0; } .set\:2nzvm7wwk2{ height: 20px; width: 20px; opacity: 0.7; } .set\:pdney84vvp{ height: 16px; width: 16px; opacity: 0.5; } .set\:2568ekbm4p{ margin: 0 6px 0 0; } .set\:pzyk5ez6d2{} .set\:p7v5z3x362{} .set\:p44k69b9bp{} .set\:pdne6959kp{} .key\:2en3erwr6p{ border-radius: 8px; color: var(--inter-pr8edkeb7p); margin: 0 0 16px 0; padding: 14px 18px 14px 10px; } .key\:2kx7y66k7p{ display: flex; flex-direction: column; height: 100%; color: var(--inter-pr8edkeb7p); } .key\:pxbyrddykp{ flex: 0 0 auto; } .key\:pdne6zze4p{ display: flex; gap: 12px; margin-top: auto; padding: 30px 0 10px 0; } .key\:pwebzyykbp{ border-radius: 4px; cursor: pointer; flex: 1; background-color: var(--inter-2webze8me2); border: 2px solid var(--inter-pen3enx352); color: var(--inter-pen3enx352); padding: 10px 10px 10px 10px; } .key\:p65v3een92{ border-radius: 4px; cursor: pointer; flex: 1; background-color: var(--inter-2mz8kd6nmp); border: 2px solid var(--inter-2kx7yx5dzp); color: var(--inter-2kx7yx5dzp); padding: 10px 10px 10px 10px; } /* end:security_v1.css */ /* shop_v2.css begin */ :root{ --inter-p65vn7mwy2:var(--univ-pyb75vw8w2);/* preview: rgba(238,238,238,0.3) */ --inter-pen37wm8v2:var(--univ-pdney5mxkp);/* preview: rgba(238,238,238,0.4) */ --inter-pxbymw3nbp:var(--univ-pb5wyd76z2);/* preview: rgba(238,238,238,0.7) */ --inter-2b5w9vnd5p:var(--univ-2568xk63xp);/* preview: rgba(238,238,238,1.0) */ --inter-pvx97myvvp:var(--univ-2568xkdmvp);/* preview: rgba(44,132,226,1.0) */ } .key\:23y5zenkk2{ align-items: flex-start; /* vertical align top */ display: flex; gap: 10px; width: 100%; padding: 0 10px 0 10px; } .key\:p9b6v8n3w2{ flex-shrink: 0; /* prevents avatar from shrinking */ width: auto; /* width as of its content */ } .key\:p9b6v8n3w2 img{ border-radius: 50%; display: block; height: 64px; object-fit: cover; width: 64px; } .key\:pkx7w3zn82{ flex: 1; /* takes remaining width */ text-align: left; } .key\:2r8ebnv8w2{ color: var(--inter-2b5w9vnd5p); } .set\:28dw8bnxy2{ color: var(--inter-pxbymw3nbp); } .key\:pnzv39b6dp{ align-items: center; /* vertical align center — works for both */ display: flex; gap: 16px; justify-content: space-between; padding: 4px 10px 4px 10px; } .key\:28dw8bn6b2{ flex: 1; /* takes remaining width */ text-align: left; color: var(--inter-pen37wm8v2); } .key\:28dwv9ezd2{ color: rgba(255,255,255,1.0); margin: 0 4px 0 0; } .key\:p8dwvz6vvp{ } .key\:pdneywddmp{ color: var(--inter-2b5w9vnd5p); margin: 0 4px 0 4px; } .key\:2vx97vd7d2{ } .key\:p3y5zen7kp{ flex-shrink: 0; /* button never shrinks */ } .key\:2vx97m6392{ border-radius: 4px; cursor: pointer; transition: all 0.2s; white-space: nowrap; background: transparent; border: 1px solid var(--inter-pvx97myvvp); color: var(--inter-pvx97myvvp); padding: 6px 12px 6px 12px; } /* shop_v2.css end */ /* shop_settings_v2.css start */ :root( --inter-28dwvxd762: var(--univ-2568xk63xp);/* <-- EXAMPLE. DELETE OK preview: rgba(238,238,238,1.0) */ ) .set\:pxbynvbyzp{ width: 100%; display: flex; align-items: stretch; /* children match row height */ margin-bottom:14px; border-radius: 4px; padding:10px 10px 10px 10px; 0background-color:rgba(4,4,4,1.0); background-color:rgba(1,1,1,1.0); 0border:2px solid rgba(1,1,1,1.0); 0border-left:2px solid var(--colors-white-002); border: 3px solid #111111; } .set\:2nzv9kzvv2{ flex: 1; /* take remaining width */ display: flex; align-items: center;/*flex-start;*/ /* vertical: top */ justify-content: flex-start; /* horizontal: left */ } .set\:p44k3e4kzp{ width: max-content; /* width of content */ display: flex; align-items: flex-start; /* vertical: top */ justify-content: flex-end; /* horizontal: right */ } .set\:27v59ew6yp,.set\:2webn97932{ padding:8px 10px 8px 10px; margin-left:10px; outline:none; border:2px solid transparent; text-decoration: underline; display: inline-block; /* allows natural width */ width: fit-content; /* grows only with text + padding */ cursor: pointer; user-select: none; transition: border-color 0.15s, background-color 0.15s; border-radius: 4px; } .set\:27v59ew6yp:active, .set\:27v59ew6yp:focus { border-color: rgb(40,150,230); /* your blue when focused */ background-color: rgb(0,0,0); color:rgba(238,238,238,1.0); } .set\:27v59ew6yp{ background-color:rgba(22,22,22,1); color:rgba(238,238,238,0.5); } .set\:2webn97932{ background-color:rgb(40,150,230);; color:rgba(238,238,238,0.8); } .set\:23y5evm8e2{ padding:8px 10px 8px 10px; background-color:rgba(22,22,22,1); color:rgb(164,40,26); 0margin-right:10px; outline:none; border:2px solid rgb(164,40,26); text-decoration: underline; display: inline-block; /* allows natural width */ width: fit-content; /* grows only with text + padding */ cursor: pointer; user-select: none; transition: border-color 0.15s, background-color 0.15s; border-radius: 4px; } :root{ --colors-white-002:rgba(248,248,246,0.8); 0--colors-white-002:rgba(238,238,238,0.5); } .set\:pwebn9dbyp{ width:100%; } .set\:pr8en6yexp{ 0border:3px solid transparent; outline:none; border-radius: 5px; width:100%; padding:12px 10px 12px 10px; 0margin:0 0 20px 0; color:rgba(238,238,238,0.5); 0border:2px solid rgba(1,1,1,1.0); 0border-left:2px solid var(--colors-white-002); border: 3px solid #111111; background-color:rgba(4,4,4,1.0); background-color:rgba(1,1,1,1.0); } .set\:pr8en6yexp:focus{ border:3px solid rgb(40,150,230); outline: none; color:rgba(255,255,255,1.0); background-color:rgb(0,0,0); } .set\:pr8en6yexp::placeholder,.set\:p65vr6ye52::placeholder{ color: #5a6268; opacity: 0.6; } .set\:p65vr6ye52 { width:100%; border-radius: 4px; 0border:3px solid transparent; outline:none; padding:8px 12px 8px 12px; height: 6em; transition: height 0.15s ease; 0margin:0 0 20px 0; color:rgba(238,238,238,0.5); 0border:2px solid rgba(1,1,1,1.0); 0border-left:2px solid var(--colors-white-002); border: 3px solid #111111; 0background-color:rgba(4,4,4,1.0); background-color:rgba(1,1,1,1.0); } .set\:p65vr6ye52:focus { border:3px solid rgb(40,150,230); outline: none; color:rgba(238,238,238,1.0); background-color:rgb(0,0,0); height: 10em; } .set\:23y5ez59m2{ margin-bottom:40px; } .set\:pxbyyk649p{ height: auto; min-width: 0; width: 100%; } .set\:p5688k9b42{ border-radius: 4px; border: var(--pmz898wbk2) solid var(--pxbyzymemp); background-color: var(--p7v5n58r52); margin: 0px 8px 0px 6px; padding: 6px 10px 8px 8px; } .set\:pdnee9r5kp{ display: flex; width: 100%; align-items: center; font-size: 20px; box-sizing: border-box; margin: 3px 0px 0px 0px; padding: 6px 0px 6px 0px; } .set\:p65vvkb7b2{ flex: 1; text-align: left; color: rgba(238,238,238,0.7); } .set\:2webbvwrz2{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0 0px 0 20px; } .set\:p3y55rzxdp{ display: block; height: 1em; width: auto; opacity: 0.7; } /* shop_settings_v2.css end */ :root{ --inter-2dnbnzezy2: var(--univ-pb5wyd76z2);/* preview: rgba(238,238,238,0.7) */ --inter-2r898mezw2: var(--univ-pwebzm4emp);/* preview: rgba(22,22,22,1); */ } .key\:29b7bwne6p{ 0background-color:pink; margin:10px 0px 10px 0px; } .set\:2nzez4bk72{ 0background-color: orange; margin:10px 10px 20px 10px; 0margin:0px 0px 10px 0px; padding:0px 0px 18px 0px; border-bottom:4px solid rgba(6,6,6,1.0); color:var(--univ-pxb858rzmp); } .set\:p8dydmn63p{ color:var(--univ-2568n398mp); } .set\:2nzez4vx32{ margin:2px 0 2px 0; } .set\:pnzez4v43p{ border-radius: 4px; cursor: pointer; display: inline-block;/* allows natural width */ outline: none; 0text-decoration: underline; transition: border-color 0.15s, background-color 0.15s; width: fit-content;/* grows only with text + padding */ padding: 8px 10px 8px 10px; margin: 4px 12px 0 0; color: var(--inter-2dnbnzezy2); background-color: var(--inter-2r898mezw2); border: 1px solid var(--inter-2dnbnzezy2); } .key\:p8dyxve86p{ background: var(--univ-2dnbmb68v2); border-radius: 3px; padding:2px 2px 2px 2px; margin-left:2px; } .key\:2zyden664p{ background-color: inherit !important; } .key\:256rkxmk6p{ margin:10px 0px 0px 0px; } .set\:2r89896882{ color:rgba(255,255,255,1); }