.ltr .ColorContainer .ColorBlock p{font-family:var(--app-font-display)}.ColorContainer{margin:auto;margin-inline:10px;padding-block:50px}.ColorContainer .c-container{flex-wrap:nowrap;justify-content:center;gap:20px;max-width:1400px;margin:auto;display:flex}.ColorContainer .Divider{display:none}.ColorContainer .green{--block-shadow-rgb:64, 202, 113;color:#084608;background:linear-gradient(330deg,#6ad18e 0%,#3ae75f 100%)}.ColorContainer .yellow{--block-shadow-rgb:209, 207, 57;color:#4b4b0b;background:linear-gradient(330deg,#fffd58 0%,#f3f36b 100%)}.ColorContainer .red{--block-shadow-rgb:224, 62, 62;color:#630404;background:linear-gradient(270deg,#eb4848 0%,#e22a2a 100%)}.ColorContainer .hide{--block-shadow-rgb:59, 122, 205;color:#04141f;background:linear-gradient(92.83deg,#3b7acd 0,#3aa0e8 100%)}@media screen and (width<=1000px){.ColorContainer{padding-block:32px}.ColorContainer .c-container{flex-direction:column;align-items:center;gap:16px}}.ColorBlock{--block-shadow-rgb:59, 122, 205;--block-shadow:0 1px 2px 0 rgba(var(--block-shadow-rgb), .3), 0 1px 3px 0 rgba(var(--block-shadow-rgb), .45);--block-shadow-hover:0 2px 4px -1px rgba(var(--block-shadow-rgb), .3), 0 4px 6px -1px rgba(var(--block-shadow-rgb), .45);text-align:start;cursor:pointer;width:325px;min-width:0;height:225px;box-shadow:var(--block-shadow);border:none;border-radius:18px;flex:1 1 0;margin:0;padding:26px 22px 24px;transition:transform .25s,box-shadow .25s,filter .25s;position:relative;overflow:hidden}.ColorBlock:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#fff0 30%);position:absolute;inset:0}.ColorBlock .content{flex-direction:column;height:100%;display:flex;position:relative}.ColorBlock .shuni{align-items:center;gap:12px;margin-bottom:14px;display:flex}.ColorBlock .bi{width:44px;height:44px;color:inherit;background:#fff6;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:20px;transition:transform .25s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff80}.ColorBlock h4{color:inherit;margin:0;font-size:18px;font-weight:700;display:inline}.ColorBlock p{color:inherit;opacity:.85;margin:0;font-size:1rem;line-height:1.6}.ColorBlock:hover{filter:saturate(1.05);box-shadow:var(--block-shadow-hover);transform:translateY(-6px)}.ColorBlock:hover .bi{transform:scale(1.08)}.ColorBlock:focus-visible{outline-offset:2px;outline:3px solid #ffffffe6}.ColorBlock:disabled{cursor:default}.ColorBlock:disabled:hover{filter:none;transform:none}.ColorBlock:disabled:hover .bi{transform:none}@media screen and (width<=1000px){.ColorBlock{flex:none;width:90%;max-width:420px;height:auto;min-height:0;padding:22px 20px}.ColorBlock .bi{width:40px;height:40px;font-size:19px}}