×

注意!页面内容来自https://spacewavesgame.io/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<>#loader_game_iframe{display:inline-block;width:15px;aspect-ratio:1;border-radius:50%;animation:1s linear infinite alternate l5}@keyframes l5{0%{box-shadow:20px 0 #818181,-20px 0 #0002;background:#818181}33%{box-shadow:20px 0 #818181,-20px 0 #0002;background:#0002}66%{box-shadow:20px 0 #0002,-20px 0 #818181;background:#0002}100%{box-shadow:20px 0 #0002,-20px 0 #000;background:#000}}.game-preview,.game-preview-bgi,.game_area_frame{top:0;height:100%;width:100%;left:0}.close_mobile_box img,.close_mobile_box svg{width:24px;height:24px}.is_mobile .game-preview-bgi{filter:unset}.close_mobile_box.hide,.is_mobile .game-preview__logo{display:none}.game_area_frame{display:flex;align-items:center;justify-content:center;background:#0a0a0a;z-index:1;overflow:hidden;border:0;position:fixed;right:0;bottom:0}.game-preview{position:absolute;overflow:hidden}.game-preview-bgi{position:absolute;z-index:10;background-position:center;background-size:cover;filter:blur(10px)}.game-preview__content{position:relative;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;background-color:rgb(0 0 0 / .6)}.play-btn,.play-btn__ctrl{position:relative;height:50px}.game-preview__logo img{border-radius:8px;-webkit-box-shadow:0 0 1rem 0 #fff;box-shadow:0 0 1rem 0 #fff;max-width:200px}.game-preview__title{font-size:24px;color:#fff;font-weight:700;margin:20px auto;background:linear-gradient(90deg,#fff0 0,rgb(0 0 0 / .3) 50%,#fff0);width:100%;text-align:center;padding:14px 0;font-family:inherit}.play-btn{display:inline-block;vertical-align:top}.play-btn__ctrl{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:10;box-shadow:0 0 1rem 0 #fff;background:#ff3814;font-weight:700;color:#fff;font-size:22px;padding:0 32px;border-radius:16px;border:0;margin:0;cursor:pointer;-webkit-overflow-scrolling:touch;transition:box-shadow .15s,background-color .15s,transform .1s,opacity .1s}.play-btn__ctrl[disabled=disabled]{opacity:.5}.play-btn__ctrl:before{content:"";position:absolute;height:30px;left:50%;width:50px;margin-left:-25px;top:45px;z-index:0;border-radius:10px;background-color:#fff}.close_mobile_box{align-items:center;background:#fff;border-radius:0 16px 16px 0;box-shadow:0 2px 12px 4px #5d6b8414,0 23px 9px 0 #5d6b8408,0 13px 8px 0 #5d6b8417,0 6px 6px 0 #5d6b8426,0 1px 3px 0 #5d6b842e;display:flex;height:46px;padding:0 7px 0 0;overflow:hidden;display:flex;justify-content:center;position:fixed;top:24px;left:0;color:#009cff;z-index:999;border-top:2px solid #fff;border-bottom:2px solid #fff;border-right:2px solid #fff}.game-iframe,.game__video{height:100%;top:0;width:100%}.close_mobile_box svg{display:inline-block;vertical-align:middle;fill:currentColor;font-size:0}.game-frame,.game-frame iframe{width:100%}.game-iframe{position:absolute;bottom:0;left:0;right:0}.game__preview{position:absolute;inset:0;cursor:pointer}.game__preview::before{content:"";position:absolute;inset:0;z-index:2;background:url("/themes/spacewavesgame.io_v2/resources/images/pattern.svg") 0 0/3.125rem 3.125rem;mix-blend-mode:soft-light}.game__video{position:absolute;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom center;object-position:bottom center;z-index:1}.frame_fix_mobile{position:fixed!important;left:0;background:#fff;z-index:9999;top:0;bottom:0;min-height:100vh;height:100vh;box-shadow:unset;border-radius:unset;width:100vw}.frame_fix_mobile .game-preview{height:100%!important;width:100%!important}
Space Waves
Hot Games
View more

BLAST OFF WITH SPACE WAVES FUN

Heyget ready to zoom through Space Wavesan awesome arcade game where you dodge crazy obstacles in a slick arrow ship! Prepare yourself for a dizzying experience that will knock you off balance! This exhilarating platformer game throws you into a perilous cosmic tunnel and challenges you with insane obstacles. You will zoom through space in a sleek spaceshipdodging the deadly hurdles with a cosmic flair.

Space Waves blasts you into a fast-pacedreflex-testing arcade experience with Geometry Dash vibes where every move counts. This game will evoke a sense of familiarity and excitementfeaturing comic twists that will keep you constantly engaged. Released in April 2024 by do.gamesthis free gem packs a fast-paced experience for anyone who loves a hardcore challenge. Ready for a wild ride? Jump into this fascinating platform game and join the arcade adventure like no other!

Explore Features of Space Waves

Space Waves delivers captivating featureskeeping you hooked from the first wave to the last.

  • Appealing Graphics and Sounds: This platformer game immerses you in a visually stunning world where colors shift dynamicallycreating a mesmerizing atmosphere. Additionallythe energetic and upbeat soundtracks throughout your journey turn every moment into a heart-pounding thrill ride.
  • Dynamic Levels Design: This playground takes arcade excitement to the levels with high-speed action and mind-bending challenges. Each level is handcrafted to test different aspects of your quick reactions and precision.
  • Effective Power-Ups: Space Waves provides exciting power-upssupporting you to outmaneuver the tough dangers and making your game more engaging.
  • Customization Options: Players can personalize their character with the different variable items in the game. From shape and size to coloryou can change everything to your gaming experience.
  • Practice Mode: You can train your skill and master the control before being ready for the real challenges.

How to Surf Space Waves Like a Pro

Start Your Arcade Adventure

Buckle up—it's time to learn the ropes of Space Waves. This platformer game introduces players to a unique obstacle course gameplay. You will immerse yourself in actions with wild challenges and navigate the chaos to emerge victorious.

  • Pick Your Level: Players can choose one among challenging levels with different difficulties. In particulargreen ones are chilisand red ones are nuts.
  • Your Big Goals: The aim is to steer your arrow to the end of each level without smashing or to go as far as possible in Endless Mode.
  • Move Your Arrow: Players have the option of choosing different ways to guide their in-game shapeincluding using the spacebarthe W keythe up keyor the left mouse button. With a simple click or pressyour icon will go up; thenrelease to drop.
  • Dodge the Chaos: Along the wayplayers have to skillfully skirt past wallsspinning gearsand spikes. Stay sharp! If you crash into any barriersyou will be back to the start.

Space Waves Gameplay Walkthrough

Experience Cool Modes in Space Waves

Space Waves provides three exhilarating modeseach offering its own challenges and requiring you to complete distinct missions to win the game.

  • Classic Mode: You will dive into many worldseach with various stages with different levels of difficulty. All levels in these worlds are availableallowing players to enjoy them randomly. The mode requires you to reach the destination in order to complete levels and win the game.
  • Endless Mode: Space Waves will throw you into the endless tunnels with tricky challenges in this mode. Your task is to skillfully dodge deadly hazards to stay as long as possible on the track and set a new record after each attempt.
  • Race Mode: You will step into the thrilling competition with other players and aim to reach the finish line first. This mode also leaves no room for mistakesso to win the raceyou need to carefully avoid collisions and face off against others.

Tricks to Score Big in Space Waves

To dominate Space Waves and flex your high scoreslet’s break down some killer tricks to level up your game:

  • Go through the tutorial: Engage in the training section in the very first level of Classic Mode to familiarize yourself with arcade gameplay.
  • Start EasyBuild Skills: Conquer green levels to sharpen your reflexes—nail those jumps before tackling the hardcore chaos ahead!
  • Time Power-Ups: Save invincibility and slow-mo for clutch moments—timing them right can be the difference between victory and defeat!
  • Zigzag Smart: Tap quicklyzigzag through obstaclesand maintain momentum—smooth movement is key to dominating every level!
  • Focus Up: Ignore distractionslock onto the pathand react to every hazard—precision and awareness are your ultimate “weapons”!

Other Games to Keep the Vibe Alive

Space Waves isn’t just about dodging obstacles—this arcade is about feeling the rush of high-speed action and pushing your skills to their peak. In this platformer gameevery level presents you with new challengesfresh thrillsand exciting chanceseach giving you an opportunity to prove your skill. No matter if you are a professional player who is familiar with the thrilling obstacles or a beginner who wants to challenge yourselfthis game is perfect for you in different ways. So gear uptake controland ride the waves to victory now!

If you are into fast-pacedreflex-testing gamesthe recommendations below are must-tries.

  • Geometry Dash: This original platformer game requires you to guide a super cool icon to jump and dash through beat-driven levels.
  • Wave Dash: A simple yet brutally difficult game that tests your timing and patience. This game is a perfect choice if you love the obstacle course gameplay of Space Waves and its zigzag mechanics.
  • Wave Rider: Players will guide a virtual boat to navigate through tricky platforms. The scores will depend on how long you stay on the water tracks.
<>.box-comment { --bg-button-cmt: #f9d005; --bg-button-cancel-cmt: #dddad4; --color-button-cancel-cmt: #525151; --text-cmt: #fff; --bg-avatar-cmt: #f9d005; --text-avatar-cmt: #fff; --bg-form-cmt: #00175a; --bg-cmt: #3b0880; --border-color-input-cmt: #c2c2c2; --shadow-form-cmt: 0 0 0.813rem #dbdada5c; --border-color-form-cmt: #1d6eff; font-family: inherit; box-sizing: border-box; color: var(--text-cmt); font-weight: 400; background: var(--bg-form-cmt); padding: 16px; border: 1px solid #dbdada5c; border-radius: 24px; position: relative; } .mb16 { margin-bottom: 16px !important; } .box-comment .header-comment { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0; border-bottom: 2px solid rgba(2552552550.2); } #comments_area { padding: 16px 0px 0 0px; } .box-comment .header-comment .title-comment { font-size: 20px; font-weight: 500; } .box-comment .header-comment .sort { position: relative; display: inline-block; font-size: 14px; } .box-comment .header-comment .sort > a { color: var(--text-cmt); font-weight: 500; text-decoration: none; display: flex; align-items: center; } #sort_text { text-transform: capitalize; } .box-comment .header-comment .sort > a svg { width: 12px; height: 12px; margin-left: 4px; } svg:not(:root) { overflow: hidden; } .count-option__left { display: flex; justify-content: flex-start; align-items: center; gap: 10px; } .empty-comment img { max-width: 120px; margin: 0 auto; } .box-comment .header-comment .sort .list { position: absolute; z-index: 1; top: calc(100% + 20px); right: 0; background: var(--bg-form-cmt); box-shadow: 8px 10px 20px rgb(0 0 0 / 18%); border-radius: 4px; padding: 5px 12px; width: 100px; opacity: 0; visibility: hidden; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-property: opacitytopvisible; transition-property: opacitytopvisible; -webkit-transition-timing-function: cubic-bezier(0.710.71); transition-timing-function: cubic-bezier(0.710.71); } .box-comment .header-comment .sort .list a.active { font-weight: 500; } .box-comment .header-comment .sort .list a { color: var(--text-cmt); display: block; margin: 4px 0; font-weight: 400; text-decoration: none; } .box-comment .header-comment .sort .list a.active svg { display: inline-block; } .box-comment .header-comment .sort .list a svg { display: none; width: 10px; height: 10px; margin-left: 4px; } .box-comment .main-comnent.scrollbar-inner { padding-right: 10px; margin-right: 0px; max-height: 500px; overflow-x: hidden; overflow-y: scroll; } .box-comment .main-comnent { margin-bottom: 30px; } .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; -ms-overflow-: none; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .box-comment .item-comment { margin-bottom: 15px; padding: 12px; background: var(--bg-cmt); border-radius: 12px; } .box-comment .item-comment .sub-comment .item-comment { background: 0; padding: 0; margin: 0; overflow: hidden; } .box-comment .item-comment .user_status { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; gap: 12px; } .flex-comment { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-comment .item-comment .user_status .avata_coment { background: var(--bg-avatar-cmt); border-radius: 50%; width: 32px; height: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: bold; text-decoration: none; color: var(--text-avatar-cmt); } .box-comment .item-comment .user_status .sum-user { color: var(--text-cmt); font-size: 14px; display: flex; width: 100%; line-height: normal; flex: 1; } .box-comment .sub-comment-container { display: -ms-grid; display: grid; -ms-grid-rows: 0fr; grid-template-rows: 0fr; -webkit-transition: grid-template-rows 0.3s; transition: grid-template-rows 0.3s; transition: grid-template-rows 0.3s-ms-grid-rows 0.3s; } .box-comment .sub-comment { overflow: hidden; } .box-comment .sub-comment-container.active { grid-template-rows: 1fr; border: 1px solid #dddddd5c; padding: 12px; border-radius: 12px; margin-top: 12px; } .item-comment .txt-name { max-width: 200px; font-weight: 500; } .box-comment .item-comment .user_status .sum-user .time-com { opacity: .8; font-size: 12px; margin-left: auto; } .box-comment .item-comment .content-comment p { margin-bottom: 12px; line-height: 1.4; text-align: left; word-break: break-word; } .box-comment .item-comment .content-comment p:last-child { margin: 0; } .content-comment { word-wrap: break-word; margin-bottom: 8px; font-weight: 500; font-size: 14px; } .btn-load-more.hidden, .btn-cancel.hidden { display: none !important; } .box-comment .item-comment .count-option a { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; background: transparent; border-radius: 6px; transition: all .2s linear; font-size: 14px; color: var(--text-cmt); } .box-comment .item-comment .count-option a:last-child { margin-right: 0; } .btn-load-more:not(:disabled):not(.disabled) { cursor: pointer; } .form-control { display: block; width: 100%; padding: 6px 12px; font-size: 1rem; line-height: 1.5; color: var(--text-cmt); background-clip: padding-box; border-radius: 0.25rem; transition: border-color .15s ease-in-outbox-shadow .15s } .confir_res input:checked ~ .checkmark:after { display: block; } .confir_res .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 1px; width: 5px; height: 10px; border: solid #000; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 6px; left: 0; width: 100%; } .scrollbar-inner::-webkit-scrollbar.reply_comment::-webkit-scrollbar { width: 6px; } .scrollbar-inner::-webkit-scrollbar-thumb.reply_comment::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(000.3); background-color: var(--bg-button-cmt); } .scrollbar-inner::-webkit-scrollbar-track.reply_comment::-webkit-scrollbar-track { border-radius: 10px; } .scrollbar-inner > .scroll-element.scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scroll-element.scroll-element div { box-sizing: content-box; } .scroll-element { display: none; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer.scrollbar-inner > .scroll-element .scroll-element_track.scrollbar-inner > .scroll-element .scroll-bar { border-radius: 6px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: unset; } .scrollbar-inner > .scroll-element .scroll-element_track.scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.9; } .scroll-element .scroll-bar.scroll-element .scroll-arrow { cursor: default; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 6px; } .form-group { margin: 0; } .box-comment .form-default { color: var(--text-cmt); } .box-comment .box-area-input { position: relative; margin-bottom: 20px; } .box-comment .box-area-input textarea { width: 100%; resize: none; color: var(--text-cmt); font-size: 12px; outline: 0; overflow: hidden; } .form-default .form-control::placeholder { color: var(--text-cmt); } .form-default .form-control:focus::placeholder { color: transparent; } .form-default .form-control:focus.form-default .form-control:active.form-default .form-control:hover { outline: 0; box-shadow: none; border: 1px solid #c2c2c2; box-shadow: rgb(9 30 66 / 15%) 0px 4px 8pxrgb(9 30 66 / 15%) 0px 0px 2px; } .form-default .form-control:focus::-webkit-input-placeholder { color: transparent; } .form-default .form-control:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */ .form-default .form-control:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ .form-default .form-control:focus:-ms-input-placeholder { color: transparent; } /* IE 10+ */ .form-default textarea.form-control { resize: none; } .form-default .form-control { background: var(--bg-cmt) !important; } .icon-svg { width: 16px; height: 16px; fill: currentColor; vertical-align: middle; } .form-default .form-control { background: transparent; border-radius: 4px; font-size: 14px; color: var(--text-cmt); -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0.710.71); transition-timing-function: cubic-bezier(0.710.71); box-sizing: border-box; position: relative; height: fit-content; font-family: inherit; border: 1px solid rgb(255 255 255 / 21%); } .item-comment .form-default .form-control { border: 1px solid rgb(255 255 255 / 21%); background: var(--bg-cmt); } .form-control.error { border-color: red; } .box-area-input { border-radius: 6px; } .box-area-input .send-comment { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); } .box-comment .box-area-input .flex-comment { } .box-comment .box-area-input .send-comment .send { background: #ff3814; border-radius: 6px; color: #fff; } .box-comment .box-area-input .send-comment span { width: 28px; height: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: var(--text-cmt); margin-left: 10px; cursor: pointer; } .box-comment .box-area-input .send-comment span.disabled { background: grey !important; color: #fff; } .box-comment .box-area-input .send-comment .send svg { width: 14px; height: 14px; } .box-comment .form-default { color: #000; } .form-default .form-group { position: relative; margin-bottom: 16px; } input { outline: 0; } .mb10 { margin-bottom: 10px !important; } .txt_12 { font-size: 12px; } a.link { color: #1977F3; } .textLeft { text-align: left; } .confir_res { padding-left: 26px; position: relative; cursor: pointer; display: block; margin-bottom: 0.5rem; text-align: left; } .confir_res .text { color: var(--text-cmt); font-size: 14px; } .confir_res input { position: absolute; opacity: 0; cursor: pointer; visibility: hidden; } input[type=checkbox]input[type=radio] { box-sizing: border-box; padding: 0; } .confir_res .checkmark { position: absolute; top: 0px; left: 0; height: 18px; width: 18px; background: var(--bg-button-cmt); border: none; box-sizing: border-box; border-radius: 4px; } .btn-primary { color: var(--text-cmt); background-color: var(--bg-button-cmt); border-color: var(--bg-button-cmt); } .btn-cancel.btn-load-more { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 10px; font-size: 14px; line-height: 1.5; border-radius: 0.25rem; color: #000; box-sizing: border-box; transition: color .15s ease-in-outbackground-color .15s ease-in-outborder-color .15s ease-in-outbox-shadow .15s ease-in-out; } .btn-cancel { color: #fff; background-color: gray; } .empty-comment { text-align: center; } .box-comment .header-comment .sort:hover .list { top: 100%; opacity: 1; visibility: visible; } .make-comment { position: relative; } .alert-icon { position: absolute; top: -110px; left: 50%; transform: translateX(-50%); width: 24px; height: 24px; z-index: 100; display: none; } .alert-icon svg { fill: currentColor; } #comment_content-error#comment_email-error#comment_author-error { padding: 4px 8px; position: absolute; color: white; font-size: 12px; background-color: #ff0000; border-radius: 4px; height: fit-content; z-index: 100; top: -32px; left: 50%; transform: translateX(-50%); width: fit-content; } #comment_content-error::after#comment_email-error::after#comment_author-error::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-: solid; border-color: #dc5757 transparent transparent transparent; } .arrow { animation: scroll 1s ease-in-out infinite; } @keyframes scroll { 0%, 100% { transform: translate(00); } 50% { transform: translate(010px); } } /*.form-comments__header-inner { position: relative; z-index: 1; display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [ 2 ]; grid-template-columns: repeat(21fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.75rem; padding: 1.25rem; gap: 1.25rem; border: 1px solid #b9aaaa; -webkit-box-shadow: 0 0 0.813rem #1d6eff; box-shadow: 0 0 0.813rem #1d6eff; background-color: var(--text-cmt); }*/ .form-comments__header { position: absolute; z-index: 1; bottom: 12px; left: 1.5rem; right: 1.5rem; } .form-comments__header-inner { position: relative; z-index: 1; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; border-radius: 0.75rem; } .button-cmt { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; text-align: center; font-family: inherit; } .form-comments__button { font-size: 14px; height: 2.375rem; border: 1px solid #cccccc; -webkit-box-shadow: var(--shadow-form-cmt); box-shadow: var(--shadow-form-cmt); } .form-comments__button:focus { outline: 0 } .button--blue { padding: 0.286em 2.286em; border-radius: 1.429em; color: var(--text-cmt); background-color: var(--bg-button-cmt); position: relative; z-index: 1; overflow: hidden; font-weight: 500; } .button--gray { padding: 0.714em 2.286em; border-radius: 1.429em; color: var(--color-button-cancel-cmt); background-color: var(--bg-button-cancel-cmt); } .form-comments__body { display: -ms-grid; display: grid; -ms-grid-rows: 0fr; grid-template-rows: 0fr; -webkit-transition: grid-template-rows 0.2s; transition: grid-template-rows 0.2s; transition: grid-template-rows 0.2s-ms-grid-rows 0.2s; position: absolute; bottom: 12px; left: 0; right: 0; } .form-comments__container { position: relative; z-index: 1; overflow: hidden; border: 1px solid transparent; border-radius: 0.75rem; } .box-comment.open-form .form-comments__container { border: 1px solid var(--border-color-form-cmt); -webkit-box-shadow: var(--shadow-form-cmt); box-shadow: var(--shadow-form-cmt); } .form-comments__form-wrap { padding: 1.25rem; background: var(--bg-form-cmt); border-radius: 0.75rem; } .box-comment.open-form .form-comments__body { -ms-grid-rows: 1fr; grid-template-rows: 1fr; } .form__buttons { display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [ 2 ]; grid-template-columns: repeat(21fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem 1.25rem; margin-top: 1.5rem; } .form__buttons .form__button.button-cmt { height: 2.375rem; padding: 0; } .comment_blur { position: absolute; inset: 0; opacity: 0; pointer-events: none; background-color: rgba(3231310.66); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; border-radius: 1rem; } .box-comment.open-form .comment_blur { opacity: 1; pointer-events: auto; } .reply_comment { max-height: 250px; overflow-y: scroll; margin-bottom: 24px; } .reply.voteUp.voteDown { color: inherit; border: 0; background: transparent; outline: 0; padding: 0; margin: 0; display: flex; gap: 2px; align-items: center; font-family: inherit; } .voteUp { margin-left: auto; } .reply:focus.voteUp:focus.voteDown:focus { border: 0; outline: 0; } .button-replies { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; margin: 0.625rem 0 0.375rem; color: var(--bg-button-cmt); font-size: 0.775rem; font-weight: 700; -webkit-transition: color 0.2s; transition: color 0.2s; background: transparent; width: inherit; height: inherit; border: 0; } .button-replies:focus { border: 0; outline: 0; } .button-replies__icon { -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem; width: 1.25rem; height: 1.25rem; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s-webkit-transform 0.2s; } .replies__button._active .button-replies__icon { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }