.t2{width: 480px;height: 480px;min-height: 480px;position: relative;}.t2 > div{width: 12.5%;height: 12.5%;position: absolute;color: blue;display: flex;justify-content: center;align-items: center;}.t2 > .white{background-color: #f0d9b5;}.t2 > .brown{background-color: #b58863;}.s6{background-color: yellow !important;}.s8{position: relative;}.s8::after{content: '';position: absolute;top: 50%;left: 50%;width: 79%;height: 79%;background-color: rgba(0,0,0, 0.0);border-radius: 48%;transform: translate(-50%, -50%);pointer-events: none;border: 6px solid rgba(0,0,0,0.14);z-index: 100;}.t3{position: absolute;bottom: 0;right: 0;color: black;}.t4{position: absolute;top: 0;right: 0;color: black;}.t5{position: absolute;bottom: 0;left: 0;color: black;}.t6{position: absolute;top: 0;left: 0;color: black;}.t4,.t3,.t6,.t5{font-size: 14px;}.t7,.t8,.t9,.u0,.t4,.t3,.t6{user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}.t8{position: absolute;bottom: -20px;left: 0;color: black;width: 100%;text-align: center;}.t7{position: absolute;top: -20px;left: 0;color: black;width: 100%;text-align: center;}.t9{position: absolute;left: -20px;top: 0;color: black;height: 100%;display: flex;align-items: center;justify-content: center;}.u0{position: absolute;right: -20px;top: 0;color: black;height: 100%;display: flex;align-items: center;justify-content: center;}.u1{opacity: 1;cursor:pointer;}.u2{opacity: 0;}.u3::before{content: '';position: absolute;top: 50%;left: 50%;width: 150%;height: 150%;background-color: rgba(35, 35, 35, 0.2);border-radius: 50%;transform: translate(-50%, -50%);pointer-events: none;border: 6px solid rgba(0,0,0,0.3);z-index: 100;}.u4{border: 1px solid #000;background-color: #fff;}.u5{cursor: pointer;border-bottom: 1px solid #000;}.u5:last-child{border-bottom: none;}.u5 img{width: 100%;height: auto;}.u6{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;visibility: visible;opacity: 1;}.u7{background: white;padding: 20px;border-radius: 5px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.9);text-align: center;}.u8{margin: 10px;padding: 10px 20px;border: none;border-radius: 5px;background-color: #ff7bff;color: white;cursor: pointer;}@media (max-width: 768px) {.t2 { width: 95vw;height: 95vw;min-height: 95vw;}}.h4{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 2px;gap: 10px;}.g1i{padding: 10px 15px;color: white;background-color: #557bff;border: none;border-radius: 15px;cursor: pointer;transition: background-color 0.2s;}.g1i:hover{background-color: #0056b3;}.h4 select{padding: 10px;font-size: 16px;border-radius: 5px;border: 1px solid #ced4da;color: #495057;}.g1h{display: flex;justify-content: center;flex-direction: row;gap: 15px;}.q5y{margin: 0;text-align: center;font-size: 18px;width: 480px;}.q6y{margin:0}.v2{display: flex;justify-content: flex-start;margin-bottom: 10px;}.v2 span{flex: 1;text-align: left;margin-right: 10px;}.q4y{margin: 0}.k17{pointer-events: auto;z-index: 1009;background-color: #ddd;cursor: pointer;}.j11{text-align: center;width: 20%;background-color: #eeeeee;border: 0px solid transparent !important;border-radius: 2px !important;}.k1a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;visibility: visible;opacity: 1;z-index: 1000;}.k19{position: absolute;display: flex;flex-direction: column;align-items: center;background: white;padding: 20px;border-radius: 5px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.9);text-align: center;gap: 10px;}.k1e{position: absolute;top: 0px;right: 0px;border: none;background: none;cursor: pointer;font-size: 20px;}.k18{margin-top: 35px;margin-bottom: 0px;}html, body{margin: 4px;padding: 0;display: flex;justify-content: center;align-items: flex-start;font-size: 18px;}.z{display: flex;flex-direction: column;gap: 4px;}.y{display: flex;gap: 4px;}.x{display: flex;justify-content: center;align-items: center;flex-grow: 1;min-width: 0;}.a{width: 200px;}.b, .x:not(.a){min-width: 800px;}.y .x{flex: 1;}.y .a{flex: none;}.central .x{align-items: flex-start;}.x{min-height: 100px;flex-direction: column;}@media (max-width: 768px) {.a { display: none;}    .x, .b{width: 100%;min-width: auto;flex-grow: 1;}    .y{flex-direction: column;}}.p14{font-size: 12px;}#s7{width:100%;height:100%}