@import"https://fonts.cdnfonts.com/css/mona-sans";.hotspot-content *{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}.card_hotspot_main{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0 70px;width:320px;height:500px;border-radius:16px;background:#191919aa;background:linear-gradient(180deg,#292929aa,#191919cc 50%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 2px 2px #e7c4a088,inset 0 -2px 2px #0003;color:#ccc;text-shadow:1px 1px 3px #333a;padding:24px;display:flex;flex-direction:column;z-index:2}.card_hotspot_main h2,.card_hotspot_main p{margin:8px 0}.card_hotspot_main h2{font-size:1.1em;text-wrap:balance;word-break:keep-all}.card_hotspot_main p{font-size:.9em;font-weight:800;color:#aaa;height:415px;overflow:hidden auto;padding-right:8px}.accents{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;left:0;right:0;top:50%;transform:translateY(-225px);z-index:1}.accents .acc-card{width:330px;height:500px;background:#eee1;opacity:.8;z-index:-1;position:absolute;left:0;right:0;top:16%;margin:0 70px;border-radius:16px;box-shadow:inset 0 2px 2px #e0c9b266,inset 0 -2px 2px #0004;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .1s linear;transform-origin:20% 80%}.accents .acc-card:nth-child(1){animation:wobble 18s ease-in-out infinite}.accents .acc-card:nth-child(2){animation:wobble 22s ease-in-out -6s infinite reverse}.accents .acc-card:nth-child(3){animation:wobble 26s ease-in-out -18s infinite}.accents .light{--bgref: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 487 487'%3E%3Ccircle cx='243' cy='243.5' r='233' style='fill:none; opacity:.1; stroke:%23aaa; stroke-linecap:round; stroke-miterlimit:10; stroke-width:18px;'/%3E%3Ccircle cx='243.5' cy='243.5' r='243' style='fill:none; stroke:%23111; stroke-linecap:round; stroke-miterlimit:10;'/%3E%3Ccircle cx='243' cy='243.5' r='222' style='fill:none; stroke:%23111; stroke-linecap:round; stroke-miterlimit:10;'/%3E%3Cpath d='m10,243.5C10,114.82,114.32,10.5,243,10.5' style='fill:none; stroke:%23ddd; stroke-linecap:round; stroke-miterlimit:10; stroke-width:18px;'/%3E%3C/svg%3E");position:absolute;left:0;right:calc(0% + 1180px);top:264px;margin:auto;width:164px;height:164px;z-index:1;background-image:var(--bgref);animation:rotate360 22s linear infinite}.accents .light:before,.accents .light:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-image:var(--bgref);filter:blur(3px);scale:1.01}.accents .light:after{filter:blur(8px)}.accents .light.sm{width:100px;height:100px;left:calc(0% - 600px);right:0;top:142px;bottom:0;animation:rotate360 18s linear -10s infinite;z-index:1}.accents .top-light{position:absolute;left:0;right:0;top:-70px;margin:0 90px;width:284px;height:6px;border-radius:10px;background:#fffef9;box-shadow:0 0 1px 1px #ffc78e,0 1px 2px 1px #ff942977,0 2px 6px 1px #e98b2d77,0 4px 12px #ff9e3d99,0 12px 20px 12px #ff800044}@keyframes rotate360{to{rotate:360deg}}@keyframes wobble{0%{transform:translate(10px) translateY(20px) rotate(-3deg) scale(1)}20%{transform:translate(-44px) translateY(-8px) rotate(6deg) scale(1.02)}60%{transform:translate(32px) translateY(18px) rotate(-8deg) scale(1)}80%{transform:translate(-42px) translateY(-22px) rotate(12deg) scale(.94)}to{transform:translate(10px) translateY(20px) rotate(-3deg) scale(1)}}.card_hotspot_main.card_hotspot_main_right_text,.card_hotspot_main_right_text.accents .acc-card,.card_hotspot_main_right_text.accents .top-light{left:unset}.card_hotspot_main_right_text.accents .light.sm{left:calc(0% + 620px)}.card_hotspot_main_right_text.accents .light{right:calc(0% - 580px)}@media screen and (max-width: 600px){.card_hotspot_main{height:220px;padding:13px 18px;width:83%}.acc-card{height:210px!important}.card_hotspot_main,.accents{left:unset;right:unset;top:40px;transform:unset;margin:0 auto}.accents .acc-card{width:300px;margin:0 auto}.accents .light{top:124px;bottom:0}.accents .light.sm{top:42px}.accents .top-light{top:-35px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/glasscard.css.map */