.topbar{position:fixed;top:70px;left:0;right:0;background:#fff;z-index:50;box-shadow:0 0 20px #3494ba99;-webkit-transition:.15s;-moz-transition:.15s;-ms-transition:.15s;-o-transition:.15s;transition:.15s}@media (max-width: 992px){.topbar{box-shadow:unset;top:50px;background:#166888}}.topbar .center{display:flex;align-items:center;justify-content:space-between}.topbar .center h1{margin:0;padding:0;font-size:17px;height:50px;line-height:50px}@media (max-width: 992px){.topbar .center h1{padding:0 0 0 12px;color:#fff}}.topbar .center .options{display:flex;position:relative}.topbar .center .options>a{height:50px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}@media (max-width: 992px){.topbar .center .options>a small{display:none}}.topbar .center .options>a small,.topbar .center .options>a i{color:#166888}@media (max-width: 992px){.topbar .center .options>a small,.topbar .center .options>a i{color:#fff}}.topbar .center .options>a:hover{background:#166888;text-decoration:none}.topbar .center .options>a:hover small,.topbar .center .options>a:hover i{color:#fff}.topbar .qr-view,.topbar .share-list{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:#00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.topbar .qr-view .share-options,.topbar .share-list .share-options{background:#fff;border-radius:18px;padding:40px;width:100%;max-width:400px;position:relative}@media (max-width: 992px){.topbar .qr-view .share-options,.topbar .share-list .share-options{margin:20px}}.topbar .qr-view .share-options .close-share,.topbar .share-list .share-options .close-share{position:absolute;top:20px;right:20px}.topbar .qr-view .share-options .close-share i,.topbar .share-list .share-options .close-share i{font-size:18px}.topbar .qr-view .share-options .text,.topbar .share-list .share-options .text{font-size:13px;line-height:17px;padding:0 0 20px;text-align:center}.topbar .qr-view .share-options .link-form .input-group-addon,.topbar .share-list .share-options .link-form .input-group-addon{cursor:pointer}.topbar .options-list{overflow:hidden;position:absolute;top:100%;right:0;background:#fff;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;border-radius:0 0 12px 12px;width:300px}.topbar .options-list div,.topbar .options-list a{height:42px;display:flex;align-items:center;gap:8px;padding:0 20px;color:#000}.topbar .options-list div.deleting i,.topbar .options-list a.deleting i{color:#c00}.topbar .options-list a{color:#000}.topbar .options-list a i{margin-left:-4px;color:#166888}.topbar .options-list a:hover{color:#fff;background:#166888;text-decoration:none}.topbar .options-list a:hover i{color:#fff}.topbar .options-list a:hover.deleting{background:#c00}section.pool{padding:20px 0}@media (max-width: 992px){section.pool{padding:50px 0 0;margin:0}}.scores{font-size:0;text-align:center;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}@media (max-width: 992px){.scores{grid-template-columns:repeat(2,1fr);gap:2px}}.scores .score{padding:15px;display:flex;flex-direction:column;border-radius:10px;align-items:center;background:#c2eafd;min-width:0}@media (max-width: 992px){.scores .score{border-radius:0;padding:8px}}.scores .score.free{filter:blur(3px);user-select:none;-webkit-user-select:none;-ms-user-select:none}.scores .score .name{display:flex;align-items:center;font-weight:700;gap:8px}@media (max-width: 992px){.scores .score .name{font-size:11px}}.scores .score .name span.icon{background:#ffffff4d;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:20px;font-size:18px}.scores .score .name span.icon i{height:18px;color:#166888}.scores .score .name strong{font-weight:400;color:#000;font-size:15px}.scores .score .statistics{width:75px;display:flex;justify-content:center;padding:10px 0}.scores .score .statistics .chart{height:60px;width:60px;position:relative}@media (max-width: 992px){.scores .score .statistics{width:100%}.scores .score .statistics .chart{height:75px;width:75px}}.scores .score .totals{flex:1;width:100%;overflow:hidden;padding:15px;background:#fff;border-radius:12px;position:relative}.scores .score .totals .scroller{overflow-x:auto;width:100%;display:flex;gap:8px;white-space:nowrap}.scores .score .totals small{top:2px;color:#000;font-size:10px;line-height:10px;position:absolute;left:50%;transform:translate(-50%)}.scores .score .totals .amount{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;border-radius:20px;background:#45c2f4}.scores .score .totals .amount i{height:20px;line-height:20px;width:20px;color:#fff;font-size:14px;padding:0;margin:0}@media (max-width: 992px){.scores .score .totals{padding:8px}}.scores .score .totals .line{display:flex;align-items:center;flex-direction:column}.scores .score .totals .line.result .amount{background:#30bf6e}.scores .score .totals .line.result strong{color:#30bf6e}.scores .score .totals .line strong{font-size:11px;line-height:11px;margin-top:5px;display:block;overflow:hidden;position:relative;max-width:60px;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#000}.color.male{color:#45c2f4}.color.female{color:#f490e1}.color.none{color:#e4d9c8}.color.blond{color:#f7d765}.color.red{color:#f77248}.color.black{color:#483f3f}.color.grey{color:#aaa}.color.blue{color:#3d8dcc}.color.brown{color:#987060}.color.green{color:#179143}.status{color:#fff;padding:6px 10px;vertical-align:top;font-size:12px;line-height:14px;font-weight:700;display:inline-block;margin-bottom:2px;background:#f9f9f9;border-radius:20px}.status strong{font-size:10px;line-height:14px;text-decoration:underline}.status i{font-size:10px;color:#fff!important}.status.md{font-size:12px;padding:4px 7px}.status.error,.status.new{background:#ce2038}.status.wait-check{background:#a700b5}.status.normal,.status.wait-payment{background:#7b7c7b}.status.wait-birth,.status.wait-packing{background:#e69200}.status.ordering,.status.processing,.status.info,.status.packed{background:#0366a3}.status.done,.status.paid,.status.success,.status.send{background:#11a352}.status.primary,.status.canceled{background:#3a3c41}.book{margin:15px 0;padding:15px;border-radius:20px;background:#45c2f433}.book img{max-width:100%}.price{text-align:center}.price .is,.price .was{vertical-align:top;display:inline-block;padding:10px}.price strong{font-size:14px;color:#45c2f4;display:block}.price span{display:block;padding:10px}.price .is span{font-size:30px;color:#30bf6e;font-weight:700}.price .was span{font-size:20px;color:#bbb;text-decoration:line-through;font-style:italic}.pool-info{display:flex;justify-content:stretch;padding:25px;background:#dfefff;border-radius:12px}@media (max-width: 992px){.pool-info{flex-direction:column;border-radius:0}}.pool-info .fillin>i{display:block;font-size:13px;line-height:15px;margin-bottom:10px}.pool-info .edit-content{position:absolute;top:10px;right:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#b6cbe866;border-radius:40px}.pool-info .edit-content i{color:#000}.pool-info .edit-content:hover{background:#b6cbe8}.pool-info .image{width:30%}@media (max-width: 992px){.pool-info .image{width:auto}}.pool-info .image img{max-width:100%;max-height:300px;border-radius:12px}.pool-info .text{padding-left:20px}@media (max-width: 992px){.pool-info .text{padding-left:0;padding-top:15px}}.upgrade-request{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f49645b3;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px dashed #ba7335;user-select:none;-webkit-user-select:none;-ms-user-select:none;color:#fff;text-align:center;padding:15px}.upgrade-request span,.upgrade-request strong{font-size:14px;color:#000}.upgrade-request .btn{margin-top:5px}.float-shop{z-index:100;width:100%;max-width:400px;position:fixed;left:50%;transform:translate(-50%);background:#fff;border-radius:20px;bottom:20px;padding:20px;text-align:center;box-shadow:0 0 10px #166888e6;border:4px solid #166888}.float-shop strong{color:#166888;display:block;font-size:16px;font-weight:400;line-height:20px}@media (max-width: 992px){.float-shop{left:0;right:0;bottom:0;transform:none;padding:15px;border-radius:20px 20px 0 0}}.float-shop .btn{display:block;margin-top:8px}.address-bar,.born-bar,.book-bar,.trail-bar{display:flex;background:#fff2be;padding:10px 0;text-decoration:none}@media (max-width: 992px){.address-bar,.born-bar,.book-bar,.trail-bar{margin-top:50px;padding:10px}.address-bar+section.pool,.born-bar+section.pool,.book-bar+section.pool,.trail-bar+section.pool{padding-top:0}}.address-bar *,.born-bar *,.book-bar *,.trail-bar *{color:#000}.address-bar .center,.born-bar .center,.book-bar .center,.trail-bar .center{display:flex;align-items:center;justify-content:space-between}@media (max-width: 992px){.address-bar .center,.born-bar .center,.book-bar .center,.trail-bar .center{flex-direction:column;justify-content:center;gap:8px}}@media (max-width: 992px){.address-bar .text,.born-bar .text,.book-bar .text,.trail-bar .text{line-height:20px;text-align:center}}.address-bar:hover,.born-bar:hover,.book-bar:hover,.trail-bar:hover{background:#efdd92;text-decoration:none}.address-bar+.center .account,.born-bar+.center .account,.book-bar+.center .account,.trail-bar+.center .account{padding-top:0}.born-bar{background:#913581}.born-bar *{color:#fff}.born-bar:hover{background:#9e5d92}.address-bar{background:#f49645}.address-bar *{color:#fff}.address-bar:hover{background:#ba7335}.guessing,.sharing{background:#fff;box-shadow:0 6px 18px #0000000f;border-radius:16px;padding:25px;margin:10px auto 18px}@media (max-width: 992px){.guessing,.sharing{padding:15px;border-radius:0;margin:0}}@media (max-width: 992px){.guessing h2,.sharing h2{font-size:18px}}.guessing h2 small,.sharing h2 small{font-size:13px;color:#166888}@media (max-width: 992px){.guessing h2 small,.sharing h2 small{display:block;line-height:17px}}.guessing p,.sharing p{font-size:13px;line-height:19px}.guessing .share-buttons,.sharing .share-buttons{display:flex;gap:8px;flex-wrap:wrap}.guessing .share-buttons a,.sharing .share-buttons a{margin:0;height:42px;line-height:42px;padding:0 20px}.guessing .share-buttons a span,.sharing .share-buttons a span{color:#fff}.guessing .share-buttons a .mob,.sharing .share-buttons a .mob{display:none}@media (max-width: 992px){.guessing .share-buttons a .mob,.sharing .share-buttons a .mob{display:block}.guessing .share-buttons a .desk,.sharing .share-buttons a .desk{display:none}}.guessing .share-buttons a.is-copied,.sharing .share-buttons a.is-copied{background:#a6ffc9;color:#0b6b1a}.guessing .share-buttons a.is-copied i,.sharing .share-buttons a.is-copied i{color:#0b6b1a}.guess-items{display:flex;flex-wrap:wrap;gap:4px;margin:18px 0}.guess-items .guess-item{display:flex;align-items:center;padding:4px 14px;background:#1668881a;color:#166888;gap:6px;border-radius:20px;font-size:13px}.guess-items .guess-item i{font-size:12px;color:#166888}.share-buttons a{color:#fff;display:flex;height:45px;line-height:45px;padding:0 25px;background:#45c2f4;font-size:14px;border-radius:23px;margin-bottom:5px;text-align:left;gap:8px;align-items:center}.share-buttons a i{color:#fff}.share-buttons a.qr{background:#797b80}.share-buttons a.facebook{background:#3b5998}.share-buttons a.twitter{background:#00aced}.share-buttons a.pinterest{background:#cb2027}.share-buttons a.telegram{background:#08c}.share-buttons a.linkedin{background:#007bb6}.share-buttons a.whatsapp{background:#0eb64c}.share-buttons a.envelope{background:#333}.share-buttons a:hover{text-decoration:none;background:#166888}
