diff --git a/dist/admin/add-project/index.html b/dist/admin/add-project/index.html index b6fb3e7..4a8867a 100644 --- a/dist/admin/add-project/index.html +++ b/dist/admin/add-project/index.html @@ -87,6 +87,12 @@ + + + + + + @@ -110,7 +116,7 @@
- +
@@ -128,6 +134,9 @@ +<div class="test"> +<h1>Test</h1> +</div>
diff --git a/dist/admin/add-project/results/index.html b/dist/admin/add-project/results/index.html index 360a06f..8525ae7 100644 --- a/dist/admin/add-project/results/index.html +++ b/dist/admin/add-project/results/index.html @@ -7,10 +7,12 @@ Test +

Test

+ \ No newline at end of file diff --git a/dist/admin/add-project/results/script.js b/dist/admin/add-project/results/script.js new file mode 100644 index 0000000..13358e4 --- /dev/null +++ b/dist/admin/add-project/results/script.js @@ -0,0 +1 @@ +var test = ''; \ No newline at end of file diff --git a/dist/admin/games/assets/baseball.png b/dist/admin/games/assets/baseball.png new file mode 100644 index 0000000..35aeada Binary files /dev/null and b/dist/admin/games/assets/baseball.png differ diff --git a/dist/admin/games/assets/codepen-lifesim.png b/dist/admin/games/assets/codepen-lifesim.png new file mode 100644 index 0000000..4650706 Binary files /dev/null and b/dist/admin/games/assets/codepen-lifesim.png differ diff --git a/dist/admin/games/assets/derby.png b/dist/admin/games/assets/derby.png new file mode 100644 index 0000000..dd8960f Binary files /dev/null and b/dist/admin/games/assets/derby.png differ diff --git a/dist/admin/games/assets/kill-king.png b/dist/admin/games/assets/kill-king.png new file mode 100644 index 0000000..5004b5a Binary files /dev/null and b/dist/admin/games/assets/kill-king.png differ diff --git a/dist/admin/games/assets/lighthouse.png b/dist/admin/games/assets/lighthouse.png new file mode 100644 index 0000000..03cb556 Binary files /dev/null and b/dist/admin/games/assets/lighthouse.png differ diff --git a/dist/admin/games/baseball/index.html b/dist/admin/games/baseball/index.html new file mode 100644 index 0000000..32e552b --- /dev/null +++ b/dist/admin/games/baseball/index.html @@ -0,0 +1,35 @@ + + + + + Baseball - Home Run + + + + + + +
+
+
+
+
+
+
+
0
+
0
+
TAP TO PLAY +

Tap to throw pitch
Tap again to swing

+
+
+ + + + + + + + + + + diff --git a/dist/admin/games/baseball/script.js b/dist/admin/games/baseball/script.js new file mode 100644 index 0000000..c75751b --- /dev/null +++ b/dist/admin/games/baseball/script.js @@ -0,0 +1,133 @@ +const gc = document.querySelector('#game_console') +const ss = document.querySelector('#start_screen') +const ball = document.querySelector('#ball') +const batter = document.querySelector('#batter') +const pitcher = document.querySelector('#pitcher') +const bp = document.querySelector('#ballpark') +const homers = document.querySelector('#homeruns') +const outss = document.querySelector('#outs') +const sb = document.querySelector('#scoreboard') +const backingTrack = document.querySelector('#back_sound') +const hitBall = document.querySelector('#bat_hit') +const clapping = document.querySelector('#clapping') + +var thrown = false; +const hr = [6,7,8,14,15,16,22,23,24] +var homeruns = 0 +var outs = 0 + +var b_loc = ball.getBoundingClientRect() +var x = b_loc.x +const start_x = b_loc.x +var y = b_loc.y +const start_y = b_loc.y + + +function throwPitch() { + if(thrown){ + bp.removeEventListener('click', throwPitch) + batter.classList.add('swing') + var bp_loc = bp.getBoundingClientRect() + var b_loc = ball.getBoundingClientRect() + var dist = Math.round(Math.hypot(0, (bp_loc.y + bp_loc.height) - (b_loc.y + (b_loc.height*.5)))) + // console.log(dist) + + if(dist <= 30) { + hitBall.play() + ball.style.transition = '2s' + ball.classList.add('hit_ball') + bp.classList.add('alt_bp') + + if(hr.includes(dist)) { + clapping.play() + homeruns++ + homers.innerHTML = homeruns + sb.innerHTML = 'HOME
RUN' + gc.classList.add('hr_sparkle') + if([22,23,24].includes(dist)) { + ball.style.left = (30 - dist) / 4 * 100 + '%' + ball.style.top = '-600px' + } + if([14,15,16].includes(dist)) { + ball.style.left = '800px' + ball.style.top = '-400px' + } + if([6,7,8].includes(dist)) { + ball.style.left = '1000px' + ball.style.top = 100 - (dist / 4 * 100) + '%' + } + } else { + if(dist >= 17) { + ball.style.left = ((30 - dist) * 11.11) + 1 + '%' + ball.style.top = Math.random() < .5 ? -Math.random()*100 + '%' : -Math.random()*100 + '%'; + } + if(dist <= 13) { + ball.style.left = Math.random()*150 + 50 + '%' + ball.style.top = 99 - (dist * 11.11) + '%' + } + } + if(!hr.includes(dist)) { + outs++ + outss.innerHTML = outs + sb.innerHTML = 'OUT' + } + } + + setTimeout(function(){ + if(outs == 3) { + ss.style.display = 'block' + bp.classList.remove('alt_bp') + ball.classList.remove('hit_ball') + ball.style.transition = '' + ball.style.left = '43%' + ball.style.top = '58.5%' + batter.classList.remove('swing') + gc.classList.remove('hr_sparkle') + } else { + thrown = false + bp.addEventListener('click', throwPitch) + bp.classList.remove('alt_bp') + ball.classList.remove('hit_ball') + ball.style.transition = '' + ball.style.left = '43%' + ball.style.top = '58.5%' + batter.classList.remove('swing') + gc.classList.remove('hr_sparkle') + } + }, 2500) + } + + if(!thrown) { + thrown = true + var speed = Math.random() + 1.25 + ball.style.transition = speed + 's' + ball.style.left = '-58px' + ball.style.top = 'calc(100% + 50px)' + clapping.pause() + clapping.currentTime = 0 + } + // console.log(speed) +} + +ss.addEventListener('click', function(){ + ss.style.display = 'none' + bp.addEventListener('click', throwPitch) + homeruns = 0 + outs = 0 + outss.innerHTML = outs + homers.innerHTML = homeruns + thrown = false + back_sound.volume = .025 + back_sound.play() +}) + +function updateBall() { + if(thrown) { + x-- + y++ + ball.style.left = x + 'px' + ball.style.top = y + 'px' + } + + setTimeout(updateBall,1000/10) +} \ No newline at end of file diff --git a/dist/admin/games/baseball/style.css b/dist/admin/games/baseball/style.css new file mode 100644 index 0000000..041096d --- /dev/null +++ b/dist/admin/games/baseball/style.css @@ -0,0 +1,235 @@ +html { + background-color: #000; +} +body { + width: 100%; + max-width: 900px; + transform: scale(1); + filter: drop-shadow(0 0 3px rgba(0,0,0,.5)); +} + +#game_console { + width: 100%; + aspect-ratio: 1 / 1; + overflow: hidden; + position: relative; + background: + linear-gradient(to bottom, skyblue, dodgerblue 27%, #99c445 27%); + background-size: 100% auto; + background-repeat: no-repeat; + perspective: 1000px; + border-radius: 5px; +/* clip-path: polygon(0% 0%, 100% 0%, 100% 62.5%, 50% 100%, 0% 62.5%); */ +} + +.hr_sparkle { + background: + url('https://contentservice.mc.reyrey.net/image_v1.0.0/?id=bbc72761-46d2-5106-9db6-bccb57cb4ea5&637836660331479528'), + linear-gradient(to bottom, skyblue, dodgerblue 27%, #99c445 27%) !important; + background-size: 50% auto, 100% auto !important; + background-repeat: repeat-x, repeat !important; +} + +#start_screen { + width: 400px; + padding: 1rem; + font-family: system-ui; + border-radius: 2px; + background: SeaGreen; + text-align: center; + font-size: 28px; + letter-spacing: 3px; + font-weight: 900; + color: white; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%,-50%); + box-shadow: + 0px 0px 0px 3px white, + 0 0 25px black; + cursor: pointer; + box-sizing: border-box; +} + +#start_screen p { + font-size: 15px; + font-weight: 100; + letter-spacing: 1px; + line-height: 150%; +} +#start_screen span { + font-family: monospace; + font-size: 24px; + font-weight: 500; + box-sizing: border-box; + border: 1px solid #333; + display: inline-block; + text-align: center; + background: var(--aqua); + padding: .25rem .33rem .33rem .33rem; + line-height: 80%; + box-shadow: inset 0 0 3px rgba(0,0,0,.5); + margin: 0 1px; + letter-spacing: 0px; +} + +#ballpark { + width: 100%; + aspect-ratio: 1 / 1; + position: absolute; + left: 50%; + bottom: 15%; + transform-origin: 0% 100%; + transform: rotateX(60deg) rotateZ(-45deg) scale(1); +/* transform: rotateX(55deg) rotate(-45deg) scale(.6) !important; */ + transition: 1s; + perspective: 1000px; +} +.alt_bp { + /* bottom: -5% !important; */ + transform: rotateX(45deg) rotate(-45deg) scale(.35) !important; + transform: rotateX(55deg) rotate(-45deg) scale(.6) !important; +} +#ballpark:before { + content: ''; + width: 250%; + aspect-ratio: 1 / 1; + background: + url('https://contentservice.mc.reyrey.net/image_v1.0.0/?id=80c9781b-573d-5617-9370-f09fb73c89b0&637836568593584277'); + background-size: 100% auto; + position: absolute; + left: -30%; + bottom: -30%; + z-index: -1; + opacity: 1; +/* filter: drop-shadow(-10px 10px 15px rgba(0,0,0,.5)); */ +} + +#scoreboard { + width: 75%; + aspect-ratio: 3 / 2; + background: + linear-gradient(to bottom right, #222, #555, #222); + box-shadow: inset 0 0 0 10px black; + position: absolute; + left: 100%; + top: 0; + transform: translate(70%,-250%) rotateZ(45deg) rotateX(-30deg); + font-size: 60px; + font-weight: 900; + color: white; + padding: 0 1rem; + display: grid; + place-items: center; + line-height: 100%; + font-family: 'Press Start 2P', system-ui, monospace; + letter-spacing: 2px; + text-align: center; +} +#scoreboard:after { + content: ''; + width: 100%; + height: 30%; + background: + linear-gradient(to right, transparent 10%, black 10% 25%, transparent 25% 75%, black 75% 90%, transparent 90%); + position: absolute; + top: 100%; + left: 0; +} + +#pitcher { + width: 18.75%; + aspect-ratio: 1 / 2; + background: + url('https://contentservice.mc.reyrey.net/image_v1.0.0/?id=a129d777-3ce0-5a82-9b99-41a9823d908c&637836541923885508'); + background-size: 100% 100%; + position: absolute; + left: 39%; + top: 60%; +/* filter: drop-shadow(0 -5px 5px black); */ + transform: translate(-50%,-50%) rotateZ(45deg) rotateX(-45deg); +} + +#batter { + width: 20%; + aspect-ratio: 210 / 250; + background: + url('https://contentservice.mc.reyrey.net/image_v1.0.0/?id=85278b76-46c2-5309-a25e-cd9586ddd3bc&637837289806800896'); + background: + url('https://contentservice.mc.reyrey.net/image_v1.0.0/?id=b542a811-6819-5512-9b59-a9ecdcb4074b&637837290363842389'); + background-size: 400% 100%; + position: absolute; + left: -10%; + top: 80%; + transform: rotateX(-20deg) rotateY(-20deg) rotateZ(45deg); +} + +.swing { + animation: swing .15s steps(3) forwards; +} +@keyframes swing { + 100% { background-position: -300% 0; } +} + +#ball { + width: 7px; + aspect-ratio: 1 / 1; + background: + url('https://contentservice.mc.reyrey.net/image_v1.0.0/?id=64e442fa-40c4-52a9-9712-23c3657e381e&637836569923134011'); + background-size: 100% 100%; + background-repeat: repeat; + border-radius: 50%; + position: absolute; + transition-timing-function: linear; + transform: rotateX(-25deg); + box-shadow: -5px 5px 0 rgba(0,0,0,.15); +} + +.hit_ball { + animation: hit_ball 2s ease-out forwards; +} +@keyframes hit_ball { + 0% { + box-shadow: -2px 2px 1px rgba(0,0,0,.15); + } + 50% { + transform: rotateX(-45deg) scale(4); + box-shadow: -15px 15px 1px rgba(0,0,0,.15); + } + 100% { + background-position: -20px 20px; + transform: rotateX(-45deg) scale(1); + } +} + +#homeruns, +#outs { + position: absolute; + font-size: 24px; + padding: 1rem; + box-sizing: border-box; + bottom: -5px; + text-align: center; + color: white; + user-select: none; + font-family: 'Press Start 2P', system-ui, monospace; +} +#homeruns:after { + content: "HR's"; + font-size: 12px; + font-weight: 100; + display: block; + font-family: system-ui, monospace; +} + +#outs { + right: 0; +} +#outs:after { + content: 'OUTS'; + font-size: 12px; + font-weight: 100; + display: block; + font-family: system-ui, monospace; +} \ No newline at end of file diff --git a/dist/admin/games/codepen-life/index.html b/dist/admin/games/codepen-life/index.html new file mode 100644 index 0000000..33547ec --- /dev/null +++ b/dist/admin/games/codepen-life/index.html @@ -0,0 +1,338 @@ + + + + + The Codepen Simulator Game + + + + + + +
+
+
+
+ +
+
+ +
+
+
+
+
+
+

Welcome

+ +
+

Enter your name, developer

+
+ + +
+
+
+
+
+

Welcome

+ +
+

Welcome to codepen simulator

+
+

Your aim is to see how many followers you can get in 1 year!

+

Create pens by simply typing randomly. The pen will gain stats in html, css, js and design based on your skill level. Use your followers to unlock research which improves your skills!

+

If good enough, your pens will be featured and boost your views.

+
+
+
+ Let's go +
+
+
+
+
+
+

Finished

+ +
+

Congratulations! You've done 1 year on Codepen!

+
+

You managed to get

+

100000

+

Followers

+ +
+
+
+ See more cool stuff +
+ + +
+
+

Researching...

+
+
+
+
+
+
+
+
+
+
+

Featured

+ +
+

Your pen has been picked!

+
+
+ +
+
+

+ your pen ' + example pen + ' +

+

has been picked by

+

+

that should help boost your views!

+
+
+
+
+ awesome +
+
+
+
+

research

+ +
+

Improve your skills

+
+
+
+
+ x +
+
+
+
+
+
+
+
+
+ +

pen complete

+
+
+ +

You completed a pen!

+
+

lets see how you did

+
+
+
+

html

+ + +
+ 103 + +
+
+

css

+ + +
+ 103 + +
+
+

js

+ + +
+ 103 + +
+
+

Design

+ + +
+ 103 + +
+
+
+
+
+ scrap pen + +
+
+
+
+ release pen + +
+
+
+
+
+

progress:

+
+ + +
+
+ +
+
+ FOLLOWERS: + 0 +
+
+
+
+
+
+
+
+ HTML +
+ 0 +
+
+
+
+
+ CSS +
+ 0 +
+
+
+
+
+ JS +
+ 0 +
+
+
+
+
+ DESIGN +
+ 0 +
+
+
+
+
+ + Released Pens + +
+
+
+
+

You haven't released any pens yet

+
+
+
+
+
+ +

Developer

+
+
+ +
+
+

skills

+
+
+ HTML: + lv + 0 +
+
+
+ CSS: + lv + 0 +
+
+
+ JAVASCRIPT: + lv + 0 +
+
+
+ DESIGN: + lv + 0 +
+
+
+
+
+
+
+ 0 +
+
+
+ Research + +
+
+
+
+ Achievments + +
+ + + +
+
+ auto + + +
+
+
+
+
+

+ Start pressing keys + +

+
+ + + + + + diff --git a/dist/admin/games/codepen-life/script.js b/dist/admin/games/codepen-life/script.js new file mode 100644 index 0000000..22243fe --- /dev/null +++ b/dist/admin/games/codepen-life/script.js @@ -0,0 +1,1229 @@ +bg = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/bgG.mp3'); +buttonClick = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/Buttonclick.mp3'); +featured = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/featured.mp3'); +slideSlow = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/slideSlow.mp3'); +countStats = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/Countupstats.mp3'); +researchClick = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/researchClick.mp3'); +researchInactive = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/researchInactive.mp3'); +slideFast = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/slideFast.mp3'); + +featuredModal = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/featuredModal.mp3'); +researchComplete = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/researchComplete.mp3'); +const penProgressEl = $('.pen'); + + +const statAddSounds = [] + +for(i = 0; i < 10; i++) { + let a = new Audio('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/statAdd.mp3'); + statAddSounds.push(a) +} + + +function twShare(url, title, winWidth, winHeight) { + const winTop = 100; + const winLeft = 100; + window.open(`https://twitter.com/intent/tweet?text=${title}`, 'sharer', `top=${winTop},left=${winLeft},toolbar=0,status=0,width=${winWidth},height=${winHeight}`); +} + +pen_id = $('._pen_id').text(); + +$('body').on('click', '.share', () => { + twShare(`https://codepen.io/jcoulterdesign/full/a1b3ea524ead4700015153bb95b881c3`, `I managed to get ${developer.followers.toLocaleString()} followers on the Codepen Simulator Game by @jamiecoulter89. https://bit.ly/2LyxS71 %23codepenSimGame`, 520, 350); + return false; +}); + + +console.log(statAddSounds) + +function updateMyStatsUi() { + $('.mystats_css span.val').html(developer.css.toLocaleString()); + $('.mystats_html span.val').html(developer.html.toLocaleString()); + $('.mystats_js span.val').html(developer.js.toLocaleString()); + $('.mystats_design span.val').html(developer.design.toLocaleString()); +} + +const globals = { + 'timerTick' : 40, + 'keyTick' : 30, + 'penStatAddChance' : 4, + 'typeIncrement' : .5, + 'makingPen' : true, + 'penInProgress' : false, + 'viewDecay' : 1.1, + 'maxBars' : 30, + 'followerFriction' : 50, + 'viewMultiplier' : 1.2, + 'researchTime' : 4000, + 'researching' : false, + 'featuredMinStats' : 500, + 'featuredBoost' : 3.3, + 'featureChance' : 15, + 'paused' : true, + 'gameLength' : 365, + 'audio' : true, + 'auto' : false +} + + + + +// Random pen names + +$('.restart').click(function(){ + +}) + +const penNames = [ + 'Swanky text inputs', + 'Three.js Interactive Unicorn', + 'Overly animated login box', + 'Yet another CSS grid', + 'Pure CSS Widget', + 'Pure CSS illustration', + 'Persistant cookie policy modal', + 'Overly complex 3D menu', + 'I could not stop', + 'Music player widget', + 'Codepen Simulation game', + 'Gross color combinations', + 'JS scratch and sniff', + 'Canvas and audio api thingy', + 'Giant animated cat', + 'Password strength indicator', + 'One element RPG game', + 'Pure CSS MMORPG', + 'Something with Google Maps', + 'Responsive responsivity checker', + 'Never ending loading bar', + 'Invisible check boxes', + 'HTML Scrolling marquee', + 'Directly injected CSS', + 'No element element', + 'Three.JS Shooter game', + 'SVG animations', + 'Codepen challenge', + 'Pass the pen', + 'Edible code', + 'React calendar widget', + 'Square div that look round', + 'Netscape compatible CSS game', + 'Another User Interface', + 'Self learning AI in CSS', + 'HTML alternative', + 'Codepenception' +] + +const research = [ + { + 'index' : 1, + 'name' : 'Learn basic HTML', + 'cost' : 10, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 10, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 2, + 'name' : 'Learn basic CSS', + 'cost' : 30, + 'increaseCss' : 10, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 3, + 'name' : 'Learn basic JS', + 'cost' : 50, + 'increaseCss' : 0, + 'increaseJs' : 10, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 4, + 'name' : 'Learn basic Design', + 'cost' : 100, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 10, + 'researched' : false + },{ + 'index' : 5, + 'name' : 'Find inspiration', + 'cost' : 150, + 'increaseCss' : 10, + 'increaseJs' : 10, + 'increaseHtml' :10, + 'increaseDesign' : 15, + 'researched' : false + },{ + 'index' : 6, + 'name' : 'Learn HAML', + 'cost' : 200, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 15, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 7, + 'name' : 'Learn CSS animation', + 'cost' : 250, + 'increaseCss' : 15, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 8, + 'name' : 'Learn jQuery', + 'cost' : 450, + 'increaseCss' : 0, + 'increaseJs' : 15, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 9, + 'name' : 'Learn color theory', + 'cost' : 550, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 15, + 'researched' : false + },{ + 'index' : 10, + 'name' : 'Learn how to refactor', + 'cost' : 700, + 'increaseCss' : 15, + 'increaseJs' : 20, + 'increaseHtml' : 10, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 11, + 'name' : 'Learn BEM', + 'cost' : 1000, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 20, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 12, + 'name' : 'Read CSS Tricks articles', + 'cost' : 1150, + 'increaseCss' : 20, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 13, + 'name' : 'Learn ES6', + 'cost' : 1400, + 'increaseCss' : 0, + 'increaseJs' : 20, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 14, + 'name' : 'Memorise font names', + 'cost' : 1800, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 20, + 'researched' : false + }, + { + 'index' : 15, + 'name' : 'Watch youtube tutorials', + 'cost' : 2200, + 'increaseCss' : 10, + 'increaseJs' : 10, + 'increaseHtml' : 10, + 'increaseDesign' : 10, + 'researched' : false + },{ + 'index' : 16, + 'name' : 'Learn HTML6', + 'cost' : 2700, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 25, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 17, + 'name' : 'Learn pre-processors', + 'cost' : 3200, + 'increaseCss' : 25, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 18, + 'name' : 'Learn react', + 'cost' : 3800, + 'increaseCss' : 0, + 'increaseJs' : 25, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 19, + 'name' : 'Photoshop course', + 'cost' : 4500, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 25, + 'researched' : false + },{ + 'index' : 20, + 'name' : 'Browse Awwwards', + 'cost' : 5200, + 'increaseCss' : 10, + 'increaseJs' : 10, + 'increaseHtml' : 10, + 'increaseDesign' : 25, + 'researched' : false + },{ + 'index' : 21, + 'name' : 'Browse stack overflow', + 'cost' : 6000, + 'increaseCss' : 15, + 'increaseJs' : 15, + 'increaseHtml' : 15, + 'increaseDesign' : 10, + 'researched' : false + },{ + 'index' : 22, + 'name' : 'Learn angular', + 'cost' : 6600, + 'increaseCss' : 0, + 'increaseJs' : 25, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 23, + 'name' : 'Learn VR technology', + 'cost' : 7500, + 'increaseCss' : 0, + 'increaseJs' : 30, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 24, + 'name' : 'Experiment with latest tech', + 'cost' : 9000, + 'increaseCss' : 20, + 'increaseJs' : 20, + 'increaseHtml' : 20, + 'increaseDesign' : 10, + 'researched' : false + },{ + 'index' : 25, + 'name' : 'take a html master class', + 'cost' : 12000, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 60, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 26, + 'name' : 'take a CSS master class', + 'cost' : 14000, + 'increaseCss' : 60, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 27, + 'name' : 'take a JS master class', + 'cost' : 16000, + 'increaseCss' : 0, + 'increaseJs' : 60, + 'increaseHtml' : 0, + 'increaseDesign' : 0, + 'researched' : false + },{ + 'index' : 28, + 'name' : 'take a DESIGN master class', + 'cost' : 18000, + 'increaseCss' : 0, + 'increaseJs' : 0, + 'increaseHtml' : 0, + 'increaseDesign' : 60, + 'researched' : false + },{ + 'index' : 29, + 'name' : 'dO SOME CODE ACADEMY', + 'cost' : 20000, + 'increaseCss' : 30, + 'increaseJs' : 30, + 'increaseHtml' : 30, + 'increaseDesign' : 20, + 'researched' : false + } +] + +//console.log(research); + +research.forEach(function(r) { + $('.research_modal__list').append(` +
+
${r.name}
+
+${r.increaseHtml > 0 ? `html + ${r.increaseHtml}
` : ''} +${r.increaseCss > 0 ? `css + ${r.increaseCss}
` : ''} +${r.increaseJs > 0 ? `js + ${r.increaseJs}
` : ''} +${r.increaseDesign > 0 ? `design + ${r.increaseDesign}
` : ''} +
+
Research ${r.cost.toLocaleString()}
+
`) +}) + +$('.auto').click(function(){ + playSound(buttonClick) + console.log(globals.auto) + if(globals.auto) { + $(this).removeClass('on') + $(this).addClass('off') + globals.auto = false + } else { + $(this).removeClass('off') + $(this).addClass('on') + globals.auto = true + } +}) +$('.researchButton').click(function() { + if(!globals.researching) { + globals.paused = true; + $('.overlay, .research_modal').show(); + + playSound(buttonClick) + playSound(slideFast) + + $('.research_modal').show(); + setTimeout(function(){ + $('.research_modal').css('opacity', '1') + },300) + $('.overlay').fadeIn(function(){ + + setTimeout(function(){ + $('.research_modal').css('height' , '400px') + $('.research_modal').css('width' , '920px') + setTimeout(function(){ + $('.research_modal .hide').fadeIn(); + }, 400) + },100) + }); + } else { + playSound(researchInactive) + } + //globals.paused = true; + + $('.research_modal .item').each(function() { + let index = $(this).find('.research_button').data('index') - 1; + + + + + + if(developer.followers > research[index].cost && research[index].researched == false) { + $(this).addClass('available') + $(this).removeClass('unavailable') + $(this).removeClass('researched') + } + + if(developer.followers < research[index].cost && research[index].researched == false) { + $(this).addClass('unavailable') + $(this).removeClass('available') + $(this).removeClass('researched') + } + + if(research[index].researched == true) { + $(this).addClass('researched') + $(this).removeClass('available') + $(this).removeClass('unavailable') + } + }) +}) + +audioSwitch = 0; +sfxSwitch = 0; + +$('.options_sf').click(function(){ + if(sfxSwitch == 0) { + globals.audio = false + sfxSwitch = 1; + $(this).css('opacity','0.4') + } else { + globals.audio = true + sfxSwitch = 0; + $(this).css('opacity','1') + } +}); +$('.options_bg').click(function(){ + console.log('test') + if(audioSwitch == 0) { + $(bg).animate({volume: 0}, 600); + audioSwitch = 1; + $(this).css('opacity','0.4') + } else { + $(bg).animate({volume: 1}, 600); + audioSwitch = 0; + $(this).css('opacity','1') + } +}) + +$('.research_modal .close').click(function() { + playSound(buttonClick) + $('.research_modal').css('opacity', '0'); + setTimeout(function(){ + $('.overlay').fadeOut(); + + },450) + + setTimeout(function(){ + + $('.research_modal').attr('style', ''); + $('.research_modal .hide').attr('style', ''); + },1000) + + globals.paused = false; +}) + + +$('body').on('click', '.research_button', function() { + globals.paused = false; + let r = $(this).data('index') - 1; + let stat = research[r].stat; + let increaseCss = research[r].increaseCss; + let increaseJs = research[r].increaseJs; + let increaseHtml = research[r].increaseHtml; + let increaseDesign = research[r].increaseDesign; + + + if(developer.followers > research[r].cost && research[r].researched == false && !globals.researching) { + globals.researching = true; + $('.overlay, .research_modal').fadeOut(); + $('.researchProgress').show(); + $('.researchProgress').show() + playSound(researchClick) + + + + rp = setInterval(function(){ + + $('.bar_inner').addClass('animate') + + },1) + + + setTimeout(function() { + + clearInterval(rp) + developer.css += increaseCss + developer.js += increaseJs + developer.html += increaseHtml + developer.design += increaseDesign + + research[r].researched = true; + + $('.researchProgress').hide() + globals.researching = false; + + //console.log(research[r].stat); + playSound(researchComplete) + updateMyStatsUi(); + }, globals.researchTime) + + } else { + playSound(researchInactive) + } + +}) + + +const statColors = { + 'html' : '#f16529', + 'css' : '#2965f1', + 'js' : '#d87b17', + 'design' : '#9d28e0' +} + +var developer = { + 'name' : 'Jamie', + 'level' : 1, + 'html' : 3, + 'css' : 3, + 'js' : 3, + 'design' : 3, + 'followers' : 0 +} + +var pen = { + 'name' : 'Pen', + 'css' : 0, + 'html' : 0, + 'js' : 0, + 'design': 0 +} + +var pens = []; +updateMyStatsUi() +document.addEventListener("keyup", keyPress, false); + +var progress = 0; + +kS = 0; + +function keyPress() { + + // console.log(globals.makingPen) + // console.log(progress) + + + if(progress > 0) { + $('.startMashing h2 span').html("that's it, keep going") + } + + if(progress > 20) { + $('.startMashing h2 span').html("Now we are getting somewhere") + } + + if(progress > 40) { + $('.startMashing h2 span').html("iron out those bugs") + } + + if(progress > 70) { + $('.startMashing h2 span').html("Almost finished") + } + + if(progress > 99) { + $('.startMashing h2 span').html("done!") + } + if(globals.makingPen && progress != 100 ) { + if(!globals.researching && !globals.paused) { + progress += globals.typeIncrement + + + + // console.log('test') + + $('.pen_bar_progress').width(progress + '%'); + + // Create a random number between 0 and the penStatChance variable + let add = Math.floor(Math.random() * globals.penStatAddChance) + (globals.penStatAddChance - 2); + + if(add == globals.penStatAddChance) { + + // Each keystroke, IF random check passes, pick a number between 1 and 3 + let stat = Math.floor(Math.random() * 4) + 1; + + console.log(kS) + if(kS < statAddSounds.length - 1) { + + console.log + kS++ + } else { + kS = 0 + } + + playSound(statAddSounds[kS]) + + // Assign a stat based on the integer + if(stat == 1) { + let htmlStat = Math.floor(Math.random() * developer.html) + 1; + pen.html = pen.html + htmlStat; + makePip(statColors.html, htmlStat, 'html'); + } + + if(stat == 2) { + let cssStat = Math.floor(Math.random() * developer.css) + 1; + pen.css = pen.css + cssStat; + makePip(statColors.css, cssStat, 'css'); + } + + if(stat == 3) { + let jsStat = Math.floor(Math.random() * developer.js) + 1; + pen.js = pen.js + jsStat; + makePip(statColors.js, jsStat, 'js'); + } + + if(stat == 4) { + let designStat = Math.floor(Math.random() * developer.design) + 1; + pen.design = pen.design + designStat; + makePip(statColors.design, designStat, 'design'); + } + } + updateStatUi(); + } + + + } else { + $('.complete_modal').show(); + playSound(featured) + setTimeout(function(){ + playSound(slideFast) + },400) + + setTimeout(function(){ + $('.complete_modal').css('opacity', '1') + },300) + $('.overlay').fadeIn(function(){ + + setTimeout(function(){ + $('.complete_modal').css('height' , '370px') + $('.complete_modal').css('width' , '600px') + setTimeout(function(){ + $('.complete_modal div.hide').fadeIn(); + }, 300) + },100) + }); + + + + $('.complete_modal .html span span').html(pen.html) + + $('.complete_modal .css span span').html(pen.css) + $('.complete_modal .js span span').html(pen.js) + $('.complete_modal .design span span').html(pen.design) + globals.paused = true; + + } +} + + + + + + +function updateStatUi() { + $('.pen_css span.val').html(pen.css.toLocaleString()); + $('.pen_html span.val').html(pen.html.toLocaleString()); + $('.pen_js span.val').html(pen.js.toLocaleString()); + $('.pen_design span.val').html(pen.design.toLocaleString()); +} + +$('.make').click(function() { + globals.makingPen = true; + penProgressEl.show(); + $('.make').hide(); +}); + +function makePip(stat, int, type) { + $('body').append(`

${int}

`); +} + + +$('.release').click(function() { + playSound(buttonClick) + release(pen) + globals.paused = false; + playSound(slideSlow) +}) + +$('.scrap').click(function(){ + playSound(buttonClick) + globals.paused = false; + $('.startMashing h2 span').html("start pressing keys") + + $('.complete_modal').fadeOut(); + + setTimeout(function(){ + $('.overlay').fadeOut() + }, 450) + + + progress = 0; + $('.pen_bar_progress').width(0); + + pen.css = 0; + pen.html = 0; + pen.js = 0; + pen.design = 0; + + setTimeout(function(){ + // console.log(';test') + $('.complete_modal').attr('style', ''); + $('.complete_modal div').attr('style', ''); + },2000) + + updateStatUi(); +}) + + +function release(p) { + $('.startMashing h2 span').html("start pressing keys") + progress = 0; + + // console.log('12') + $('.releasedEmpty').remove(); + + + $('.overlay').fadeOut(); + $('.complete_modal').css('height','61px') + $('.complete_modal').css('width','299px') + $('.complete_modal').css( 'top', '298px') + $('.complete_modal').css( 'left', '100%') + $('.complete_modal').css( 'transform', 'translateX(calc(-100% - 57px))') + + setTimeout(function(){ + $('.released_pen').css('height', '150px') + },210) + setTimeout(function(){ + $('.released_pen').css('opacity', '1'); + + $('.released_pen__bottom').css('top','-10px') + + },510) + + setTimeout(function(){ + $('.complete_modal').css('opacity', '0'); + },850) + + setTimeout(function(){ + // console.log(';test') + $('.complete_modal').attr('style', ''); + $('.complete_modal div').attr('style', ''); + },2000) + + + + + $('.complete_modal div').css('opacity', '0') + let name = Math.floor(Math.random() * penNames.length); + + let newPen = { + 'name' : penNames[name], + 'css' : p.css, + 'html' : p.html, + 'js' : p.js, + 'design' : p.design, + 'views' : 0, + 'maxViews' : ((Math.ceil((p.css + p.js + p.html + p.design) * globals.viewMultiplier) + 1)* (pens.length + 1 / 10)) , + 'dailyViews' : ((Math.ceil((p.css + p.js + p.html + p.design) * globals.viewMultiplier) + 1)* (pens.length + 1/ 10)), + 'comments' : 0, + 'likes' : 0, + 'featured' : false, + 'featuredBoosted' : false, + 'featuredCheck' : false, + 'featuredCheckCount' : 0 + } + + pens.push(newPen); + + $('.pen_bar_progress').width(0); + + pen.css = 0; + pen.html = 0; + pen.js = 0; + pen.design = 0; + + updateStatUi(); + setTimeout(function(){ + $('.released').prepend(`
${pens[pens.length - 1].name}
${pens[pens.length - 1].views}
${pens[pens.length - 1].comments}
`) + + }, 1) + + +} +const monthNames = ["January", "February", "March", "April", "May", "June", + "July", "August", "September", "October", "November", "December" + ]; +var time = 0; + +const rootStatElementPosition = { + 'design' : '550px', + 'html' : '-550px', + 'css' : '-176px', + 'js' : '180px' +} + +const pickers = [ + 'marie mosely', + 'tim holman', + 'chris coyier', + 'codepen' +] +//console.log(rootStatElementPosition) + +d = 0; + +$('.awesome').click(function(){ + playSound(buttonClick) + $('.overlay, .featured_modal').fadeOut(); + globals.paused = false; +}) +function feature(penName) { + globals.paused = true; + $('.overlay, .featured_modal').show(); + + let p = Math.floor(Math.random() * pickers.length); + + $('.featured_modal .picker').html(pickers[p]) + $('.featured_modal .name').html(penName) +} + +function gameLoop() { + if(d == globals.gameLength) { + globals.paused = true; + $('.endGame, .overlay').show() + } + if(!globals.paused){ + time++; + $('.researchButton_counter span').html($('.available').length) + + + $('.pip').each(function() { + + // console.log($(this).data('type')) + if($(this).data('type') == 'html') { + $(this).animate({ left: rootStatElementPosition.html, top: '140px' }, 2000, function(){ + $(this).remove(); + }); + } + + if($(this).data('type') == 'css') { + $(this).animate({ left: rootStatElementPosition.css, top: '140px' }, 1000, function(){ + $(this).remove(); + }); + } + + if($(this).data('type') == 'js') { + $(this).animate({ left: rootStatElementPosition.js, top: '140px' }, 1000, function(){ + $(this).remove(); + }); + } + + if($(this).data('type') == 'design') { + $(this).animate({ left: rootStatElementPosition.design, top: '140px' }, 1000, function(){ + $(this).remove(); + }); + } + + }) + if(globals.auto && !globals.researching && !globals.paused) { + if(time > globals.keyTick) { + keyPress() + } + } + if(time > globals.timerTick) { + + time = 0; + d++; + var day = new Date(); + + + var nextDay = new Date(day); + + nextDay.setDate(day.getDate() + d); + + let month = nextDay.getUTCMonth(); + let days = nextDay.getDate(); + let year = nextDay.getFullYear(); + //console.log(d) + + + + $('.date span').html(`${monthNames[month]} ${days}, ${year}`) + + + $('.research_modal .item').each(function() { + + + + let index = $(this).find('.research_button').data('index') - 1; + + + if(developer.followers > research[index].cost && research[index].researched == false) { + $(this).addClass('available') + $(this).removeClass('unavailable') + $(this).removeClass('researched') + } + + if(developer.followers < research[index].cost && research[index].researched == false) { + $(this).addClass('unavailable') + $(this).removeClass('available') + $(this).removeClass('researched') + } + + if(research[index].researched == true) { + $(this).addClass('researched') + $(this).removeClass('available') + $(this).removeClass('unavailable') + } + }) + + $('.released_pen').each(function() { + let index = pens.length - $(this).index() - 1; + let height = Math.ceil(pens[index].dailyViews / pens[index].maxViews * 100); + + if(pens[index].featured) { + $(this).find('.star').html('') + } + if(height > 100) { + $(this).find('.released_pen__graph').append(`
`); + } else { + $(this).find('.released_pen__graph').append(`
`); + } + + + let el = $(this); + + + if(el.find('.line').length > globals.maxBars) { + el.find('.line:first-child').remove(); + } + + let final = Math.ceil(pens[index].views).toLocaleString(); + $(this).find('.view_count').html(final); + + let comment = Math.ceil(pens[index].comments).toLocaleString(); + $(this).find('.comment_count').html(comment); + + let like = Math.ceil(pens[index].likes).toLocaleString(); + $(this).find('.like_count').html(like); + + }); + + var dailyFollowers = 0; + + pens.forEach(function(p) { + if(p.css + p.html + p.css + p.design > globals.featuredMinStats) { + let f = Math.floor(Math.random() * globals.featureChance); + console.log(p.name + ' Could get featured'); + console.log('Random roll is ' + f); + console.log(p.featuredCheck) + console.log(p.featuredCheckCount) + if(f == 0 && !p.featuredCheck){ + + if(p.featuredCheckCount < 14) { + console.log('featured') + p.featured = true; + } + + + + + } else { + p.featuredCheckCount++; + + } + + } + if(p.featured && !p.featuredBoosted) { + p.dailyViews = p.dailyViews * globals.featuredBoost; + p.featuredBoosted = true; + feature(p.name) + playSound(featuredModal) + } + + p.dailyViews = (p.dailyViews / globals.viewDecay); + p.likes += Math.floor((p.dailyViews / globals.viewDecay) / 25); + p.comments += Math.floor((p.dailyViews / globals.viewDecay) / 1000); + + p.views += p.dailyViews; + + + dailyFollowers += p.dailyViews + }); + + developer.followers += Math.floor((dailyFollowers / globals.followerFriction) / ((developer.html + developer.css +developer.js + developer.design) / 10) ); + + $('.followers span').html(developer.followers.toLocaleString()); + $('.endGame h1').html(developer.followers.toLocaleString()); + + } + } + + + window.requestAnimationFrame(gameLoop); + +} + +$('.go').click(function(){ + playSound(buttonClick) + $('.intro_modal').fadeOut(function(){ + $('.overlay').fadeOut(); + globals.paused = false + }) +}) +window.requestAnimationFrame(gameLoop); +'use strict'; + +///console.clear(); + +class Grain { + constructor (el) { + /** + * Options + * Increase the pattern size if visible pattern + */ + this.patternSize = 150; + this.patternScaleX = 1; + this.patternScaleY = 1; + this.patternRefreshInterval = 3; // 8 + this.patternAlpha = 12; // int between 0 and 255, + + /** + * Create canvas + */ + this.canvas = el; + this.ctx = this.canvas.getContext('2d'); + this.ctx.scale(this.patternScaleX, this.patternScaleY); + + /** + * Create a canvas that will be used to generate grain and used as a + * pattern on the main canvas. + */ + this.patternCanvas = document.createElement('canvas'); + this.patternCanvas.width = this.patternSize; + this.patternCanvas.height = this.patternSize; + this.patternCtx = this.patternCanvas.getContext('2d'); + this.patternData = this.patternCtx.createImageData(this.patternSize, this.patternSize); + this.patternPixelDataLength = this.patternSize * this.patternSize * 4; // rgba = 4 + + /** + * Prebind prototype function, so later its easier to user + */ + this.resize = this.resize.bind(this); + this.loop = this.loop.bind(this); + + this.frame = 0; + + window.addEventListener('resize', this.resize); + this.resize(); + + window.requestAnimationFrame(this.loop); + } + + resize () { + this.canvas.width = window.innerWidth * devicePixelRatio; + this.canvas.height = window.innerHeight * devicePixelRatio; + } + + update () { + const {patternPixelDataLength, patternData, patternAlpha, patternCtx} = this; + + // put a random shade of gray into every pixel of the pattern + for (let i = 0; i < patternPixelDataLength; i += 4) { + // const value = (Math.random() * 255) | 0; + const value = Math.random() * 255; + + patternData.data[i] = value; + patternData.data[i + 1] = value; + patternData.data[i + 2] = value; + patternData.data[i + 3] = patternAlpha; + } + + patternCtx.putImageData(patternData, 0, 0); + } + + draw () { + const {ctx, patternCanvas, canvas, viewHeight} = this; + const {width, height} = canvas; + + // clear canvas + ctx.clearRect(0, 0, width, height); + + // fill the canvas using the pattern + ctx.fillStyle = ctx.createPattern(patternCanvas, 'repeat'); + ctx.fillRect(0, 0, width, height); + } + + loop () { + // only update grain every n frames + const shouldDraw = ++this.frame % this.patternRefreshInterval === 0; + if (shouldDraw) { + this.update(); + this.draw(); + } + + window.requestAnimationFrame(this.loop); + } +} + + +/** + * Initiate Grain + */ +const el = document.querySelector('.grain'); +const grain = new Grain(el); + + +$('input').keydown(function(e){ + console.log('sdfsd') + if (!e) e = window.event; + var keyCode = e.keyCode || e.which; + if (keyCode == '13'){ + if($('input').val() != '') { + playSound(buttonClick) + $('.name_modal').css('left','-200%'); + $('.intro_modal').css('left','0%'); + $('.username h2').html($('input').val()) + playAudio(bg) + } else { + $('input').css('border-color', '#f16059') + } + return false; + } +}) + +$('.next').click(function() { + + if($('input').val() != '') { + playSound(buttonClick) + $('.name_modal').css('left','-200%'); + $('.intro_modal').css('left','0%'); + $('.username h2').html($('input').val()) + playAudio(bg) + } else { + $('input').css('border-color', '#f16059') + } +}) +function animateValue(c, start, end, duration) { + var range = end - start; + var current = start; + var increment = end > start? 1 : -1; + var stepTime = Math.abs(Math.floor(duration / range)); + var obj = $('.' + c) + var timer = setInterval(function() { + current += increment; + obj.innerHTML = current; + if (current == end) { + clearInterval(timer); + } + }, stepTime); +} + +// ## Create a function to play our sounds +function playSound(sound) { + if (globals.audio) { + + sound.play(); // Play sound + } +} + +function playAudio(sound) { + + sound.loop = true; + sound.volume = 0.5; + sound.play(); // Play sound + +} \ No newline at end of file diff --git a/dist/admin/games/codepen-life/style.css b/dist/admin/games/codepen-life/style.css new file mode 100644 index 0000000..756de3a --- /dev/null +++ b/dist/admin/games/codepen-life/style.css @@ -0,0 +1,1569 @@ +@font-face { + font-family: pixles; + src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/04B_03__.TTF); +} +.releasedHeader .pixelsTop::before, .followButton .pixelsTop::before, .releasedHeader .pixelsTop::after, .followButton .pixelsTop::after, .releasedHeader .pixelsBottom::after, .followButton .pixelsBottom::after, .achievementsButton .pixelsTop::before, .achievementsButton .pixelsTop::after, .achievementsButton .pixelsBottom::after, .research_modal .item.researched .research_button .pixelsTop::before, .research_modal .item.researched .research_button .pixelsTop::after, .research_modal .item.researched .research_button .pixelsBottom::after, .research_modal .item.unavailable .research_button .pixelsTop::before, .research_modal .item.unavailable .research_button .pixelsTop::after, .research_modal .item.unavailable .research_button .pixelsBottom::after, .researchButton_counter .pixelsTop::before, .researchButton .pixelsTop::before, .researchButton_counter .pixelsTop::after, .researchButton .pixelsTop::after, .researchButton_counter .pixelsBottom::after, .researchButton .pixelsBottom::after, .followers .pixelsTop::before, .followers .pixelsTop::after, .followers .pixelsBottom::after, .released_pen__bottom .pixelsTop::before, .released_pen__top .pixelsTop::before, .pen_html .pixelsTop::before, .pen_css .pixelsTop::before, .pen_js .pixelsTop::before, .pen_design .pixelsTop::before, .releasedEmpty .pixelsTop::before, .pip .pixelsTop::before, .mystats .pixelsTop::before, .pen .pixelsTop::before, .make .pixelsTop::before, .complete_modal .pixelsTop::before, .research_modal .pixelsTop::before, .featured_modal .pixelsTop::before, .intro_modal .pixelsTop::before, .name_modal .pixelsTop::before, .endGame .pixelsTop::before, .researchProgress .pixelsTop::before, .username .pixelsTop::before, .startMashing .pixelsTop::before, .auto .pixelsTop::before, .released_pen__bottom .pixelsTop::after, .released_pen__top .pixelsTop::after, .pen_html .pixelsTop::after, .pen_css .pixelsTop::after, .pen_js .pixelsTop::after, .pen_design .pixelsTop::after, .releasedEmpty .pixelsTop::after, .pip .pixelsTop::after, .mystats .pixelsTop::after, .pen .pixelsTop::after, .make .pixelsTop::after, .complete_modal .pixelsTop::after, .research_modal .pixelsTop::after, .featured_modal .pixelsTop::after, .intro_modal .pixelsTop::after, .name_modal .pixelsTop::after, .endGame .pixelsTop::after, .researchProgress .pixelsTop::after, .username .pixelsTop::after, .startMashing .pixelsTop::after, .auto .pixelsTop::after, .released_pen__bottom .pixelsBottom::after, .released_pen__top .pixelsBottom::after, .pen_html .pixelsBottom::after, .pen_css .pixelsBottom::after, .pen_js .pixelsBottom::after, .pen_design .pixelsBottom::after, .releasedEmpty .pixelsBottom::after, .pip .pixelsBottom::after, .mystats .pixelsBottom::after, .pen .pixelsBottom::after, .make .pixelsBottom::after, .complete_modal .pixelsBottom::after, .research_modal .pixelsBottom::after, .featured_modal .pixelsBottom::after, .intro_modal .pixelsBottom::after, .name_modal .pixelsBottom::after, .endGame .pixelsBottom::after, .researchProgress .pixelsBottom::after, .username .pixelsBottom::after, .startMashing .pixelsBottom::after, .auto .pixelsBottom::after { + display: block; + content: ""; + position: absolute; + width: 3px; + height: 3px; + top: 0; +} + +.releasedHeader .pixelsBottom::before, .followButton .pixelsBottom::before, .achievementsButton .pixelsBottom::before, .research_modal .item.researched .research_button .pixelsBottom::before, .research_modal .item.unavailable .research_button .pixelsBottom::before, .researchButton_counter .pixelsBottom::before, .researchButton .pixelsBottom::before, .followers .pixelsBottom::before, .released_pen__bottom .pixelsBottom::before, .released_pen__top .pixelsBottom::before, .pen_html .pixelsBottom::before, .pen_css .pixelsBottom::before, .pen_js .pixelsBottom::before, .pen_design .pixelsBottom::before, .releasedEmpty .pixelsBottom::before, .pip .pixelsBottom::before, .mystats .pixelsBottom::before, .pen .pixelsBottom::before, .make .pixelsBottom::before, .complete_modal .pixelsBottom::before, .research_modal .pixelsBottom::before, .featured_modal .pixelsBottom::before, .intro_modal .pixelsBottom::before, .name_modal .pixelsBottom::before, .endGame .pixelsBottom::before, .researchProgress .pixelsBottom::before, .username .pixelsBottom::before, .startMashing .pixelsBottom::before, .auto .pixelsBottom::before { + display: block; + content: ""; + position: absolute; + width: 3px; + height: 3px; + top: 0; +} + +.released_pen__bottom, .released_pen__top, .pen_html, .pen_css, .pen_js, .pen_design, .releasedEmpty, .pip, .mystats, .pen, .make, .complete_modal, .research_modal, .featured_modal, .intro_modal, .name_modal, .endGame, .researchProgress, .username, .startMashing, .auto { + background: white; + box-shadow: 0px 3px #e7e7e7, 0px -3px white, 3px 0px white, -3px 0px white, 0px -6px #b6a695, 0px 6px #b6a695, 6px 0px #b6a695, -6px 0px #b6a695, 9px 0px rgba(0, 0, 0, 0.1), 0px 9px rgba(0, 0, 0, 0.1); + position: relative; + padding: 12px; +} +.released_pen__bottom .pixelsBottom, .released_pen__top .pixelsBottom, .pen_html .pixelsBottom, .pen_css .pixelsBottom, .pen_js .pixelsBottom, .pen_design .pixelsBottom, .releasedEmpty .pixelsBottom, .pip .pixelsBottom, .mystats .pixelsBottom, .pen .pixelsBottom, .make .pixelsBottom, .complete_modal .pixelsBottom, .research_modal .pixelsBottom, .featured_modal .pixelsBottom, .intro_modal .pixelsBottom, .name_modal .pixelsBottom, .endGame .pixelsBottom, .researchProgress .pixelsBottom, .username .pixelsBottom, .startMashing .pixelsBottom, .auto .pixelsBottom { + width: calc(100% + 12px); + position: absolute; + left: -6px; + bottom: 0; +} +.released_pen__bottom .pixelsBottom::after, .released_pen__top .pixelsBottom::after, .pen_html .pixelsBottom::after, .pen_css .pixelsBottom::after, .pen_js .pixelsBottom::after, .pen_design .pixelsBottom::after, .releasedEmpty .pixelsBottom::after, .pip .pixelsBottom::after, .mystats .pixelsBottom::after, .pen .pixelsBottom::after, .make .pixelsBottom::after, .complete_modal .pixelsBottom::after, .research_modal .pixelsBottom::after, .featured_modal .pixelsBottom::after, .intro_modal .pixelsBottom::after, .name_modal .pixelsBottom::after, .endGame .pixelsBottom::after, .researchProgress .pixelsBottom::after, .username .pixelsBottom::after, .startMashing .pixelsBottom::after, .auto .pixelsBottom::after { + right: 3px; + top: -3px; + background: #e7e7e7; + box-shadow: 0px 3px #b6a695, 0px 6px rgba(0, 0, 0, 0.1), 3px 3px rgba(0, 0, 0, 0.1); +} +.released_pen__bottom .pixelsBottom::before, .released_pen__top .pixelsBottom::before, .pen_html .pixelsBottom::before, .pen_css .pixelsBottom::before, .pen_js .pixelsBottom::before, .pen_design .pixelsBottom::before, .releasedEmpty .pixelsBottom::before, .pip .pixelsBottom::before, .mystats .pixelsBottom::before, .pen .pixelsBottom::before, .make .pixelsBottom::before, .complete_modal .pixelsBottom::before, .research_modal .pixelsBottom::before, .featured_modal .pixelsBottom::before, .intro_modal .pixelsBottom::before, .name_modal .pixelsBottom::before, .endGame .pixelsBottom::before, .researchProgress .pixelsBottom::before, .username .pixelsBottom::before, .startMashing .pixelsBottom::before, .auto .pixelsBottom::before { + left: 3px; + top: -3px; + background: #e7e7e7; + box-shadow: 0px 3px #b6a695, 0px 6px rgba(0, 0, 0, 0.1), -3px 3px rgba(0, 0, 0, 0.1); +} +.released_pen__bottom .pixelsTop, .released_pen__top .pixelsTop, .pen_html .pixelsTop, .pen_css .pixelsTop, .pen_js .pixelsTop, .pen_design .pixelsTop, .releasedEmpty .pixelsTop, .pip .pixelsTop, .mystats .pixelsTop, .pen .pixelsTop, .make .pixelsTop, .complete_modal .pixelsTop, .research_modal .pixelsTop, .featured_modal .pixelsTop, .intro_modal .pixelsTop, .name_modal .pixelsTop, .endGame .pixelsTop, .researchProgress .pixelsTop, .username .pixelsTop, .startMashing .pixelsTop, .auto .pixelsTop { + width: calc(100% + 12px); + position: absolute; + left: -6px; + top: -3px; +} +.released_pen__bottom .pixelsTop::after, .released_pen__top .pixelsTop::after, .pen_html .pixelsTop::after, .pen_css .pixelsTop::after, .pen_js .pixelsTop::after, .pen_design .pixelsTop::after, .releasedEmpty .pixelsTop::after, .pip .pixelsTop::after, .mystats .pixelsTop::after, .pen .pixelsTop::after, .make .pixelsTop::after, .complete_modal .pixelsTop::after, .research_modal .pixelsTop::after, .featured_modal .pixelsTop::after, .intro_modal .pixelsTop::after, .name_modal .pixelsTop::after, .endGame .pixelsTop::after, .researchProgress .pixelsTop::after, .username .pixelsTop::after, .startMashing .pixelsTop::after, .auto .pixelsTop::after { + right: 3px; + background: #b6a695; +} +.released_pen__bottom .pixelsTop::before, .released_pen__top .pixelsTop::before, .pen_html .pixelsTop::before, .pen_css .pixelsTop::before, .pen_js .pixelsTop::before, .pen_design .pixelsTop::before, .releasedEmpty .pixelsTop::before, .pip .pixelsTop::before, .mystats .pixelsTop::before, .pen .pixelsTop::before, .make .pixelsTop::before, .complete_modal .pixelsTop::before, .research_modal .pixelsTop::before, .featured_modal .pixelsTop::before, .intro_modal .pixelsTop::before, .name_modal .pixelsTop::before, .endGame .pixelsTop::before, .researchProgress .pixelsTop::before, .username .pixelsTop::before, .startMashing .pixelsTop::before, .auto .pixelsTop::before { + left: 3px; + background: #b6a695; +} + +.followers { + background: #fcab0b; + box-shadow: 0px 3px #fdbc3d, 0px -3px #fcab0b, 3px 0px #fcab0b, -3px 0px #fcab0b, 0px -6px #e8861c, 0px 6px #e8861c, 6px 0px #e8861c, -6px 0px #e8861c, 9px 0px rgba(0, 0, 0, 0.1), 0px 9px rgba(0, 0, 0, 0.1); + position: relative; + padding: 12px; +} +.followers .pixelsBottom { + width: calc(100% + 12px); + position: absolute; + left: -6px; + bottom: 0; +} +.followers .pixelsBottom::after { + right: 3px; + top: -3px; + background: #fdbc3d; + box-shadow: 0px 3px #e8861c, 0px 6px rgba(0, 0, 0, 0.1), 3px 3px rgba(0, 0, 0, 0.1); +} +.followers .pixelsBottom::before { + left: 3px; + top: -3px; + background: #fdbc3d; + box-shadow: 0px 3px #e8861c, 0px 6px rgba(0, 0, 0, 0.1), -3px 3px rgba(0, 0, 0, 0.1); +} +.followers .pixelsTop { + width: calc(100% + 12px); + position: absolute; + left: -6px; + top: -3px; +} +.followers .pixelsTop::after { + right: 3px; + background: #e8861c; +} +.followers .pixelsTop::before { + left: 3px; + background: #e8861c; +} + +.complete_modal .release, .research_modal .research_button, .featured_modal .awesome, .intro_modal .go, .name_modal .next, .endGame .restart, .researchButton_counter, .researchButton { + background: #a5da60; + box-shadow: 0px 3px #c4ed8e, 0px -3px #a5da60, 3px 0px #a5da60, -3px 0px #a5da60, 0px -6px #89b74c, 0px 6px #89b74c, 6px 0px #89b74c, -6px 0px #89b74c, 9px 0px rgba(0, 0, 0, 0.1), 0px 9px rgba(0, 0, 0, 0.1); + position: relative; + padding: 12px; +} +.complete_modal .release .pixelsBottom, .research_modal .research_button .pixelsBottom, .featured_modal .awesome .pixelsBottom, .intro_modal .go .pixelsBottom, .name_modal .next .pixelsBottom, .endGame .restart .pixelsBottom, .researchButton_counter .pixelsBottom, .researchButton .pixelsBottom { + width: calc(100% + 12px); + position: absolute; + left: -6px; + bottom: 0; +} +.complete_modal .release .pixelsBottom::after, .research_modal .research_button .pixelsBottom::after, .featured_modal .awesome .pixelsBottom::after, .intro_modal .go .pixelsBottom::after, .name_modal .next .pixelsBottom::after, .endGame .restart .pixelsBottom::after, .researchButton_counter .pixelsBottom::after, .researchButton .pixelsBottom::after { + right: 3px; + top: -3px; + background: #c4ed8e; + box-shadow: 0px 3px #89b74c, 0px 6px rgba(0, 0, 0, 0.1), 3px 3px rgba(0, 0, 0, 0.1); +} +.complete_modal .release .pixelsBottom::before, .research_modal .research_button .pixelsBottom::before, .featured_modal .awesome .pixelsBottom::before, .intro_modal .go .pixelsBottom::before, .name_modal .next .pixelsBottom::before, .endGame .restart .pixelsBottom::before, .researchButton_counter .pixelsBottom::before, .researchButton .pixelsBottom::before { + left: 3px; + top: -3px; + background: #c4ed8e; + box-shadow: 0px 3px #89b74c, 0px 6px rgba(0, 0, 0, 0.1), -3px 3px rgba(0, 0, 0, 0.1); +} +.complete_modal .release .pixelsTop, .research_modal .research_button .pixelsTop, .featured_modal .awesome .pixelsTop, .intro_modal .go .pixelsTop, .name_modal .next .pixelsTop, .endGame .restart .pixelsTop, .researchButton_counter .pixelsTop, .researchButton .pixelsTop { + width: calc(100% + 12px); + position: absolute; + left: -6px; + top: -3px; +} +.complete_modal .release .pixelsTop::after, .research_modal .research_button .pixelsTop::after, .featured_modal .awesome .pixelsTop::after, .intro_modal .go .pixelsTop::after, .name_modal .next .pixelsTop::after, .endGame .restart .pixelsTop::after, .researchButton_counter .pixelsTop::after, .researchButton .pixelsTop::after { + right: 3px; + background: #89b74c; +} +.complete_modal .release .pixelsTop::before, .research_modal .research_button .pixelsTop::before, .featured_modal .awesome .pixelsTop::before, .intro_modal .go .pixelsTop::before, .name_modal .next .pixelsTop::before, .endGame .restart .pixelsTop::before, .researchButton_counter .pixelsTop::before, .researchButton .pixelsTop::before { + left: 3px; + background: #89b74c; +} + +.complete_modal .scrap, .research_modal .item.unavailable .research_button, .research_modal .close { + background: #df644c; + box-shadow: 0px 3px #ea7f6a, 0px -3px #df644c, 3px 0px #df644c, -3px 0px #df644c, 0px -6px #ba513d, 0px 6px #ba513d, 6px 0px #ba513d, -6px 0px #ba513d, 9px 0px rgba(0, 0, 0, 0.1), 0px 9px rgba(0, 0, 0, 0.1); + position: relative; + padding: 12px; +} +.complete_modal .scrap .pixelsBottom, .research_modal .item.unavailable .research_button .pixelsBottom, .research_modal .close .pixelsBottom { + width: calc(100% + 12px); + position: absolute; + left: -6px; + bottom: 0; +} +.complete_modal .scrap .pixelsBottom::after, .research_modal .item.unavailable .research_button .pixelsBottom::after, .research_modal .close .pixelsBottom::after { + right: 3px; + top: -3px; + background: #ea7f6a; + box-shadow: 0px 3px #ba513d, 0px 6px rgba(0, 0, 0, 0.1), 3px 3px rgba(0, 0, 0, 0.1); +} +.complete_modal .scrap .pixelsBottom::before, .research_modal .item.unavailable .research_button .pixelsBottom::before, .research_modal .close .pixelsBottom::before { + left: 3px; + top: -3px; + background: #ea7f6a; + box-shadow: 0px 3px #ba513d, 0px 6px rgba(0, 0, 0, 0.1), -3px 3px rgba(0, 0, 0, 0.1); +} +.complete_modal .scrap .pixelsTop, .research_modal .item.unavailable .research_button .pixelsTop, .research_modal .close .pixelsTop { + width: calc(100% + 12px); + position: absolute; + left: -6px; + top: -3px; +} +.complete_modal .scrap .pixelsTop::after, .research_modal .item.unavailable .research_button .pixelsTop::after, .research_modal .close .pixelsTop::after { + right: 3px; + background: #ba513d; +} +.complete_modal .scrap .pixelsTop::before, .research_modal .item.unavailable .research_button .pixelsTop::before, .research_modal .close .pixelsTop::before { + left: 3px; + background: #ba513d; +} + +.research_modal .item.researched .research_button { + background: #d1d1d1; + box-shadow: 0px 3px #e0e0e0, 0px -3px #d1d1d1, 3px 0px #d1d1d1, -3px 0px #d1d1d1, 0px -6px #c4c4c4, 0px 6px #c4c4c4, 6px 0px #c4c4c4, -6px 0px #c4c4c4, 9px 0px rgba(0, 0, 0, 0.1), 0px 9px rgba(0, 0, 0, 0.1); + position: relative; + padding: 12px; +} +.research_modal .item.researched .research_button .pixelsBottom { + width: calc(100% + 12px); + position: absolute; + left: -6px; + bottom: 0; +} +.research_modal .item.researched .research_button .pixelsBottom::after { + right: 3px; + top: -3px; + background: #e0e0e0; + box-shadow: 0px 3px #c4c4c4, 0px 6px rgba(0, 0, 0, 0.1), 3px 3px rgba(0, 0, 0, 0.1); +} +.research_modal .item.researched .research_button .pixelsBottom::before { + left: 3px; + top: -3px; + background: #e0e0e0; + box-shadow: 0px 3px #c4c4c4, 0px 6px rgba(0, 0, 0, 0.1), -3px 3px rgba(0, 0, 0, 0.1); +} +.research_modal .item.researched .research_button .pixelsTop { + width: calc(100% + 12px); + position: absolute; + left: -6px; + top: -3px; +} +.research_modal .item.researched .research_button .pixelsTop::after { + right: 3px; + background: #c4c4c4; +} +.research_modal .item.researched .research_button .pixelsTop::before { + left: 3px; + background: #c4c4c4; +} + +.achievementsButton { + background: #c557e1; + box-shadow: 0px 3px #d77ded, 0px -3px #c557e1, 3px 0px #c557e1, -3px 0px #c557e1, 0px -6px #a848c0, 0px 6px #a848c0, 6px 0px #a848c0, -6px 0px #a848c0, 9px 0px rgba(0, 0, 0, 0.1), 0px 9px rgba(0, 0, 0, 0.1); + position: relative; + padding: 12px; +} +.achievementsButton .pixelsBottom { + width: calc(100% + 12px); + position: absolute; + left: -6px; + bottom: 0; +} +.achievementsButton .pixelsBottom::after { + right: 3px; + top: -3px; + background: #d77ded; + box-shadow: 0px 3px #a848c0, 0px 6px rgba(0, 0, 0, 0.1), 3px 3px rgba(0, 0, 0, 0.1); +} +.achievementsButton .pixelsBottom::before { + left: 3px; + top: -3px; + background: #d77ded; + box-shadow: 0px 3px #a848c0, 0px 6px rgba(0, 0, 0, 0.1), -3px 3px rgba(0, 0, 0, 0.1); +} +.achievementsButton .pixelsTop { + width: calc(100% + 12px); + position: absolute; + left: -6px; + top: -3px; +} +.achievementsButton .pixelsTop::after { + right: 3px; + background: #a848c0; +} +.achievementsButton .pixelsTop::before { + left: 3px; + background: #a848c0; +} + +.releasedHeader, .followButton { + background: #1e4b56; + box-shadow: 0px 3px #315962, 0px -3px #1e4b56, 3px 0px #1e4b56, -3px 0px #1e4b56, 0px -6px #16414c, 0px 6px #16414c, 6px 0px #16414c, -6px 0px #16414c, 9px 0px rgba(0, 0, 0, 0.1), 0px 9px rgba(0, 0, 0, 0.1); + position: relative; + padding: 12px; +} +.releasedHeader .pixelsBottom, .followButton .pixelsBottom { + width: calc(100% + 12px); + position: absolute; + left: -6px; + bottom: 0; +} +.releasedHeader .pixelsBottom::after, .followButton .pixelsBottom::after { + right: 3px; + top: -3px; + background: #315962; + box-shadow: 0px 3px #16414c, 0px 6px rgba(0, 0, 0, 0.1), 3px 3px rgba(0, 0, 0, 0.1); +} +.releasedHeader .pixelsBottom::before, .followButton .pixelsBottom::before { + left: 3px; + top: -3px; + background: #315962; + box-shadow: 0px 3px #16414c, 0px 6px rgba(0, 0, 0, 0.1), -3px 3px rgba(0, 0, 0, 0.1); +} +.releasedHeader .pixelsTop, .followButton .pixelsTop { + width: calc(100% + 12px); + position: absolute; + left: -6px; + top: -3px; +} +.releasedHeader .pixelsTop::after, .followButton .pixelsTop::after { + right: 3px; + background: #16414c; +} +.releasedHeader .pixelsTop::before, .followButton .pixelsTop::before { + left: 3px; + background: #16414c; +} + +.endGame .share { + background: #55c6e2; + box-shadow: 0px 3px #94e5f9, 0px -3px #55c6e2, 3px 0px #55c6e2, -3px 0px #55c6e2, 0px -6px #439db3, 0px 6px #439db3, 6px 0px #439db3, -6px 0px #439db3, 9px 0px rgba(0, 0, 0, 0.1), 0px 9px rgba(0, 0, 0, 0.1); + position: relative; + padding: 12px; +} +.endGame .share .pixelsBottom { + width: calc(100% + 12px); + position: absolute; + left: -6px; + bottom: 0; +} +.endGame .share .pixelsBottom::after { + right: 3px; + top: -3px; + background: #94e5f9; + box-shadow: 0px 3px #439db3, 0px 6px rgba(0, 0, 0, 0.1), 3px 3px rgba(0, 0, 0, 0.1); +} +.endGame .share .pixelsBottom::before { + left: 3px; + top: -3px; + background: #94e5f9; + box-shadow: 0px 3px #439db3, 0px 6px rgba(0, 0, 0, 0.1), -3px 3px rgba(0, 0, 0, 0.1); +} +.endGame .share .pixelsTop { + width: calc(100% + 12px); + position: absolute; + left: -6px; + top: -3px; +} +.endGame .share .pixelsTop::after { + right: 3px; + background: #439db3; +} +.endGame .share .pixelsTop::before { + left: 3px; + background: #439db3; +} + +.complete_modal .release, .complete_modal .scrap, .research_modal .research_button, .research_modal .close, .featured_modal .awesome, .intro_modal .go, .name_modal .next, .endGame .share, .endGame .restart, .followButton, .achievementsButton, .researchButton_counter, .researchButton { + position: relative; +} +.complete_modal .release:active, .complete_modal .scrap:active, .research_modal .research_button:active, .research_modal .close:active, .featured_modal .awesome:active, .intro_modal .go:active, .name_modal .next:active, .endGame .share:active, .endGame .restart:active, .followButton:active, .achievementsButton:active, .researchButton_counter:active, .researchButton:active { + transform: translateY(2px); +} +.complete_modal .release::after, .complete_modal .scrap::after, .research_modal .research_button::after, .research_modal .close::after, .featured_modal .awesome::after, .intro_modal .go::after, .name_modal .next::after, .endGame .share::after, .endGame .restart::after, .followButton::after, .achievementsButton::after, .researchButton_counter::after, .researchButton::after { + content: ""; + display: block; + width: 30px; + -webkit-filter: blur(24px); + height: 30px; + background: rgba(255, 255, 255, 0.3); + position: absolute; + height: 50px; + transform: rotate(-30deg) skewy(31deg); + color: white; + top: -5px; + right: 100%; + transition: all 0.4s; +} +.complete_modal .release:hover::after, .complete_modal .scrap:hover::after, .research_modal .research_button:hover::after, .research_modal .close:hover::after, .featured_modal .awesome:hover::after, .intro_modal .go:hover::after, .name_modal .next:hover::after, .endGame .share:hover::after, .endGame .restart:hover::after, .followButton:hover::after, .achievementsButton:hover::after, .researchButton_counter:hover::after, .researchButton:hover::after { + right: 0px; +} + +.magic { + position: fixed; + left: 0; + right: 0; + margin: auto; + top: 50%; + transform: translateY(-50%); + z-index: 10; + width: 100%; + height: 100%; + background: black; + display: none; +} +.magic img { + width: 100%; +} + +.grain { + position: fixed; + top: 0; + left: 0; + z-index: 4; + pointer-events: none; +} + +.swatch { + box-shadow: inset 3px 0 rgba(0, 0, 0, 0.1), inset -3px 0 rgba(255, 255, 255, 0.3) !important; + width: 12px !important; + height: 11px; +} +.swatch.html { + background: #f1753f; +} +.swatch.css { + background: #2965f1; +} +.swatch.js { + background: #f3e273; +} +.swatch.design { + background: #9d28e0; +} + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 3px; +} + +/* Track */ +::-webkit-scrollbar-track { + background: transparent; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #cabcae; +} + +.auto { + text-align: left; + position: absolute; + bottom: -12px; + height: 6px; + z-index: 2; + line-height: 7px; + left: 0; + right: -480px; + margin: auto; + cursor: pointer; + width: 80px; +} +.auto img { + width: 15px; + position: absolute; + right: 6px; + top: 7px; +} +.auto.off .tick { + display: none; +} +.auto.off .cross { + display: block; +} +.auto.on .tick { + display: block; +} +.auto.on .cross { + display: none; +} + +.startMashing { + text-align: center; + position: absolute; + bottom: 40px; + height: 160px; + z-index: 2; + line-height: 160px; + left: 0; + right: 0; + margin: auto; + width: 500px; +} +.startMashing h2 { + position: relative; + top: -13px; +} +.startMashing h2 img { + width: 20px; + position: absolute; + left: 0; + right: 0; + margin: auto; + top: 100px; + -webkit-animation: key 0.3s linear infinite; + animation: key 0.3s linear infinite; +} +@-webkit-keyframes key { + from { + top: 100px; + } + to { + top: 102px; + } +} +@keyframes key { + from { + top: 100px; + } + to { + top: 102px; + } +} + +.researchButton { + width: 203px; + color: #476323; + float: left; + clear: left; + margin-top: 27px; + cursor: pointer; +} +.researchButton_counter { + right: -20px; + width: 30px; + color: #476323; + float: left; + text-align: center; + clear: left; + margin-top: 27px; + top: -55px; + height: 30px; + line-height: 31px; + cursor: pointer; + padding: 0px; + position: absolute; + z-index: 1; +} +.researchButton img { + width: 12px; + position: absolute; + top: 18px; + right: 18px; +} + +.username { + float: left; + padding: 8px 12px 0px 10px; + position: relative; + top: 30px; +} +.username img { + width: 45px; + position: absolute; + left: -24px; + top: -36px; +} + +.achievementsButton { + width: 203px; + display: none; + color: #75168d; + float: left; + clear: left; + margin-top: 27px; + cursor: pointer; +} +.achievementsButton img { + width: 12px; + position: absolute; + top: 18px; + right: 18px; +} + +.followButton { + width: 203px; + color: #75168d; + float: left; + clear: left; + margin-top: 27px; + cursor: pointer; + color: #c4ebfd; +} + +.date { + float: right; + position: absolute; + right: 40px; + top: 10px; +} +.date img { + width: 21px; + position: relative; + top: 2px; +} + +.floor { + background: #e1dac5; + position: fixed; + bottom: 0; + height: 36%; + width: 100%; + left: 0; + z-index: -1; + border-top: 30px solid white; +} + +.options { + position: absolute; + right: 34px; + top: 81px; +} +.options_bg img { + width: 21px; +} +.options_sf img { + width: 18px; + margin-right: 10px; +} +.options div { + float: left; + transition: all 1s; + cursor: pointer; +} + +.overlay { + position: fixed; + left: 0; + top: 0; + width: 100%; + cursor: pointer; + height: 100%; + background: #675a4c; + z-index: 3; + opacity: 0.89; +} + +.researchProgress { + position: absolute; + left: 0; + right: 0; + margin: auto; + top: 50%; + width: 200px; + transform: translateY(-50%); + display: none; +} +.researchProgress .bar { + width: 100%; + height: 6px; + border-bottom: 3px solid #d6c9bc; + position: relative; +} +.researchProgress .bar_inner { + width: 0%; + height: 6px; + position: absolute; + left: 0; + background: #fcab0b; + box-shadow: 0px 3px inset #fdbc3d; +} +.researchProgress .bar_inner.animate { + -webkit-animation: bar 4s linear; + animation: bar 4s linear; +} +@-webkit-keyframes bar { + from { + width: 0%; + } + to { + width: 100%; + } +} +@keyframes bar { + from { + width: 0%; + } + to { + width: 100%; + } +} + +.endGame { + display: none; + text-align: center; + width: 600px; + height: 250px; + position: absolute !important; + z-index: 3; + left: 0; + right: 0; + margin: auto; + top: 50%; + transform: translateY(-50%); + padding: 40px; + text-align: ceter; +} +.endGame hr { + border: none; + width: 95%; + border-top: 3px solid #efedea; + margin-bottom: 30px; + box-shadow: 0 3px rgba(0, 0, 0, 0.02); + z-index: 2; + position: relative; +} +.endGame h3 { + text-align: center; + font-weight: normal; + font-size: 16px; + margin: 15px 24px 23px 24px; +} +.endGame h1 { + font-size: 50px; + color: #f8ab12; +} +.endGame .restart { + color: #476323; + position: absolute; + bottom: -26px; + width: 170px; + text-align: center; + margin: auto; + left: 220px; + cursor: pointer; + right: 0; +} +.endGame .share { + color: #1c3940; + position: absolute; + bottom: -26px; + width: 170px; + text-align: center; + margin: auto; + left: -240px; + cursor: pointer; + right: 0; +} +.endGame__header { + position: absolute; + left: 0; + right: 0; + margin: auto; + width: 282px; + top: -87px; +} +.endGame__header p { + position: absolute; + width: 100%; + text-align: center; + top: 71px; + color: #c4ebfd; + left: 4px; +} +.endGame__header img { + width: 282px; +} + +.name_modal { + text-align: center; + width: 600px; + transition: all 0.5s; + height: 250px; + position: absolute !important; + z-index: 3; + left: 0; + right: 0; + margin: auto; + top: 50%; + transform: translateY(-50%); + padding: 40px; + text-align: center; +} +.name_modal hr { + border: none; + width: 95%; + border-top: 3px solid #efedea; + margin-bottom: -1px; + box-shadow: 0 3px rgba(0, 0, 0, 0.02); + z-index: 2; + position: relative; +} +.name_modal h3 { + text-align: center; + font-weight: normal; + font-size: 16px; + margin: 15px 24px 23px 24px; +} +.name_modal .text { + margin: 20px 0; +} +.name_modal input { + font-family: pixles; + font-size: 16px; + font-weight: normal; + outline: none; + text-align: center; + padding: 19px; + width: 360px; + border-radius: 5px; + color: #352c22; + margin-top: 67px; + border: 3px solid #f0eeeb; +} +.name_modal .next { + color: #476323; + position: absolute; + bottom: -26px; + width: 140px; + text-align: center; + margin: auto; + left: 0; + cursor: pointer; + right: 0; +} +.name_modal__header { + position: absolute; + left: 0; + right: 0; + margin: auto; + width: 282px; + top: -87px; +} +.name_modal__header p { + position: absolute; + width: 100%; + text-align: center; + top: 71px; + color: #c4ebfd; + left: 4px; +} +.name_modal__header img { + width: 282px; +} + +.intro_modal { + left: 200%; + text-align: center; + width: 600px; + height: 250px; + position: absolute !important; + z-index: 3; + transition: all 0.5s; + right: 0; + margin: auto; + top: 50%; + transform: translateY(-50%); + padding: 40px; + text-align: center; +} +.intro_modal hr { + border: none; + width: 95%; + border-top: 3px solid #efedea; + margin-bottom: -1px; + box-shadow: 0 3px rgba(0, 0, 0, 0.02); + z-index: 2; + position: relative; +} +.intro_modal h3 { + text-align: center; + font-weight: normal; + font-size: 16px; + margin: 15px 24px 23px 24px; +} +.intro_modal .text { + margin: 20px 0; +} +.intro_modal .go { + color: #476323; + position: absolute; + bottom: -26px; + width: 140px; + text-align: center; + margin: auto; + left: 0; + cursor: pointer; + right: 0; +} +.intro_modal__header { + position: absolute; + left: 0; + right: 0; + margin: auto; + width: 282px; + top: -87px; +} +.intro_modal__header p { + position: absolute; + width: 100%; + text-align: center; + top: 71px; + color: #c4ebfd; + left: 4px; +} +.intro_modal__header img { + width: 282px; +} + +.featured_modal { + display: none; + text-align: center; + width: 600px; + height: 250px; + position: absolute !important; + z-index: 3; + left: 0; + right: 0; + margin: auto; + top: 50%; + transform: translateY(-50%); + padding: 40px; + text-align: left; +} +.featured_modal h3 { + text-align: center; + font-weight: normal; + font-size: 16px; + margin: 24px; +} +.featured_modal hr { + border: none; + border-top: 3px solid #efedea; + margin-bottom: 40px; +} +.featured_modal__header { + position: absolute; + left: 0; + right: 0; + margin: auto; + width: 282px; + top: -87px; +} +.featured_modal__header p { + position: absolute; + width: 100%; + text-align: center; + top: 71px; + color: #c4ebfd; + left: 4px; +} +.featured_modal__header img { + width: 282px; +} +.featured_modal .name { + color: #29241f; +} +.featured_modal .picker { + color: orange; +} +.featured_modal__text { + padding-top: 15px; +} +.featured_modal .awesome { + color: #476323; + position: absolute; + bottom: -26px; + width: 140px; + text-align: center; + margin: auto; + left: 0; + cursor: pointer; + right: 0; +} +.featured_modal__image { + float: left; + margin-right: 30px; +} +.featured_modal__image img { + width: 198px; +} + +.research_modal { + transition: all 0.7s; + width: 300px; + height: 40px; + display: none; + text-align: center; + position: absolute !important; + z-index: 3; + left: 0; + right: 0; + margin: auto; + top: 50%; + transform: translateY(-50%); +} +.research_modal .hide { + display: none; +} +.research_modal h3 { + text-align: center; + font-weight: normal; + font-size: 16px; + margin: 40px 24px 24px 24px; +} +.research_modal hr { + border: none; + width: 95%; + border-top: 3px solid #efedea; + margin-bottom: -1px; + box-shadow: 0 3px rgba(0, 0, 0, 0.02); + z-index: 2; + position: relative; +} +.research_modal__header { + position: absolute; + left: 0; + right: 0; + margin: auto; + width: 282px; + top: -87px; +} +.research_modal__header p { + position: absolute; + width: 100%; + text-align: center; + top: 67px; + color: #c4ebfd; + left: 1px; +} +.research_modal__header img { + width: 282px; +} +.research_modal .close { + color: #892e1f; + cursor: pointer; + position: absolute; + right: -22px; + top: -22px; + width: 10px; + height: 10px; + z-index: 3; + line-height: 11px; +} +.research_modal::after { + position: fixed; + bottom: 15px; + left: 0; + width: 98%; + height: 40px; + display: block; + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); + content: ""; +} +.research_modal__list { + padding: 1px 20px 20px 20px; + overflow-y: scroll; + height: 288px; + position: relative; +} +.research_modal .item { + float: left; + clear: left; + border-top: 3px solid #f2f2f2; + padding: 24px 0px 21px 0px; + width: 95%; + position: relative; + left: 11px; +} +.research_modal .item:first-child { + border: none; +} +.research_modal .item.unavailable .research_button { + color: #782e1f; +} +.research_modal .item.researched::after { + display: block; + position: absolute; + right: -16px; + top: 6px; + content: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/rTick.png); +} +.research_modal .item.researched .name, +.research_modal .item.researched .stat { + opacity: 0.45; +} +.research_modal .item.researched .research_button { + color: #959595; +} +.research_modal .sep { + margin: 0 6px; +} +.research_modal .name { + float: left; +} +.research_modal .green { + color: #89b74c; +} +.research_modal .stat { + float: left; +} +.research_modal .stat img { + width: 6px; + margin-left: 4px; +} +.research_modal .research_button { + right: 0px; + color: #476323; + float: right; + cursor: pointer; + top: -6px; + padding: 4px !important; + float: right; + position: absolute !important; + top: 18px; + width: 150px; +} +.research_modal .research_button img { + width: 10px; + position: relative; + left: -4px; +} +.research_modal .research_button .cost { + color: white; +} + +.complete_modal { + display: none; + opacity: 0; + text-align: center; + transition: all 0.7s; + width: 300px; + height: 40px; + position: absolute !important; + z-index: 3; + left: 0; + right: 0; + margin: auto; + top: 50%; + transform: translateY(-50%); +} +.complete_modal .swatch { + position: relative; + left: 49px; + top: 3px; +} +.complete_modal h4 { + font-weight: normal; + font-size: 16px; +} +.complete_modal div.hide { + display: none; +} +.complete_modal__header { + position: absolute; + left: 0; + right: 0; + margin: auto; + width: 282px; + top: -87px; +} +.complete_modal__header p { + position: absolute; + width: 100%; + text-align: center; + top: 68px; + color: #c4ebfd; + left: 1px; +} +.complete_modal__header img { + width: 282px; +} +.complete_modal .scrap { + position: absolute; + bottom: 0; + text-align: left; + width: 240px; + bottom: -25px; + color: #782e1f; + cursor: pointer; + left: 30px; +} +.complete_modal .scrap img { + width: 15px; + float: right; + position: relative; + top: 1px; +} +.complete_modal hr { + border: none; + border-top: 3px solid #efedea; + margin-bottom: 20px; + margin-top: 22px; + width: 60%; +} +.complete_modal h2 { + margin: 20px 0 6px 0; +} +.complete_modal .release { + cursor: pointer; + color: #476323; + position: absolute; + bottom: 0; + width: 240px; + right: 30px; + bottom: -25px; +} +.complete_modal .release img { + width: 18px; + float: right; + position: relative; + top: 6px; +} +.complete_modal h3 { + font-size: 16px; + font-weight: normal; + margin: 30px 0; +} +.complete_modal__stats .html img { + width: 48px; + margin-top: -5px; +} +.complete_modal__stats .css img { + width: 48px; + margin-top: -5px; +} +.complete_modal__stats .js img { + width: 48px; + margin-top: -5px; +} +.complete_modal__stats .design img { + width: 36px; + margin-top: -5px; +} +.complete_modal__stats div { + float: left; + text-align: center; + width: 25%; + box-shadow: inset -3px 0px #f1ebe4; +} +.complete_modal__stats div:last-child { + box-shadow: none; +} +.complete_modal__stats div span { + display: block; + margin-top: 17px; + position: relative; + left: 4px; +} + +.make { + position: absolute !important; + left: 0; + right: 0; + width: 200px; + margin: auto; + bottom: 40px; + border: none; + cursor: pointer; + outline: none; +} + +body { + background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/gBg.png"); + color: #594c3d; + margin: 50px; + overflow: hidden; +} + +img { + image-rendering: auto; + image-rendering: crisp-edges; + -ms-interpolation-mode: nearest-neighbor; + image-rendering: -moz-crisp-edges; + image-rendering: pixelated; +} + +img.m { + position: absolute; + left: 0; + right: 0; + margin: auto; + top: 50%; + left: -40px; + transform: translateY(-50%); + width: 756px; +} + +.followers { + color: #9b5c19; + float: right; + transform: translateX(calc(100% + -3px)); + right: 0; + z-index: 3; + bottom: 12px; + position: absolute !important; + padding: 13px 50px !important; +} +.followers span { + color: #fff; +} +.followers img { + width: 42px; + left: -25px; + top: -18px; + z-index: 2; + position: absolute; +} + +h2 { + font-weight: normal; + margin: 0 0 6px 0; + font-size: 16px; +} + +body, +button { + font-family: pixles; + text-transform: uppercase; + font-size: 16px; + line-height: 20px; + -webkit-user-select: none; + /* Chrome all / Safari all */ + -moz-user-select: none; + /* Firefox all */ + -ms-user-select: none; + /* IE 10+ */ + user-select: none; + /* Likely future */ +} + +.pen { + height: 52px; +} +.pen_bar { + width: 100%; + height: 6px; + border-bottom: 3px solid #d6c9bc; + position: relative; +} +.pen_bar_progress { + width: 0%; + height: 6px; + position: absolute; + left: 0; + background: #fcab0b; + box-shadow: 0px 3px inset #fdbc3d; +} + +.mystats { + margin-top: 110px; + float: left; + padding: 30px; + clear: left; +} +.mystats img { + width: 45px; + position: absolute; + left: -24px; + top: -24px; + z-index: 1; +} +.mystats .pixelsBottom, +.mystats .pixelsTop { + width: calc(100% + -4px); +} +.mystats .swatch { + width: 12px; + height: 11px; + position: relative; + top: 3px; + left: -16px; + margin-right: 6px; + padding: 0; + float: left; + margin-right: -10px; +} +.mystats div { + padding-left: 16px; +} +.mystats_html { + clear: left; +} +.mystats_html .swatch { + background: #f1753f; +} +.mystats_css { + clear: left; +} +.mystats_css .swatch { + background: #2965f1; +} +.mystats_js { + clear: left; +} +.mystats_js .swatch { + background: #f3e273; +} +.mystats_design { + clear: left; +} +.mystats_design .swatch { + background: #9d28e0; +} +.mystats h2 { + border-bottom: 3px solid #d6c9bc; + float: left; + margin-bottom: 16px; +} +.mystats span.val { + display: inline-block; + position: relative; + left: -8px; + color: #594c3d; +} +.mystats span { + color: #d6c9bc; +} + +p { + margin: 0; +} + +.pip { + background: white; + position: absolute; + left: 0; + line-height: 0px; + right: 0; + margin: auto; + text-align: center; + width: 30px; + padding: 11px 7px 2px 7px; + height: 10px; + top: 50%; +} + +.sep { + display: inline-block; + width: 2px; + height: 10px; + background: #d6c9bc; +} + +.releasedEmpty { + clear: both; + float: right; + margin-top: 249px; + height: 60px; + line-height: 61px; + position: absolute; + right: 53px; + width: 303px; +} + +.pen { + position: absolute; + left: 0; + right: 0; + margin: auto; + width: 728px; +} +.pen .swatch { + width: 12px; + height: 11px; + position: relative; + top: 3px; + margin-left: 2px; + float: left; + margin-right: -10px; +} +.pen_html .swatch { + background: #f1753f; +} +.pen_css .swatch { + background: #2965f1; +} +.pen_js .swatch { + background: #f3e273; +} +.pen_design .swatch { + background: #9d28e0; +} +.pen_html, .pen_css, .pen_js, .pen_design { + float: left; + position: relative; + top: 18px; + margin-right: 27px; + padding: 3px; + width: 149px; + left: 13px; + text-align: center; +} + +.releasedHeader { + float: right; + color: #c4ebfd; + position: absolute; + margin-top: 195px; + top: 15px; + right: 194px; +} +.releasedHeader img.icon { + width: 21px; + top: 4px; + position: relative; +} +.releasedHeader img.arrow { + width: 6px; + top: 0px; + position: relative; +} + +.released { + clear: both; + float: right; + margin-top: 228px; + height: 420px; + overflow: scroll; + padding: 0px 40px 20px 6px; + position: relative; + left: 20px; + width: 310px; + overflow-x: hidden; + border-top: 3px solid #bfaf9d; +} +.released::after { + display: block; + content: ""; + position: fixed; + right: 0; + top: 641px; + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, #e1dac5 100%); + width: 390px; + height: 80px; + z-index: 2; +} +.released_pen { + transition: all 1s; + float: left; + clear: left; + margin-top: 17px; + height: 0; +} +.released_pen__top { + z-index: 2; + height: 66px; + padding: 10px; +} +.released_pen__bottom { + height: 20px; + top: -72px; + transition: all 1s; + padding-top: 30px; + width: calc(100% - 48px); + left: 12px; +} +.released_pen__bottom .sep { + margin: 0 9px; +} +.released_pen__bottom img { + margin-right: 6px; + position: relative; +} +.released_pen__bottom img.views { + width: 21px; + top: 2px; +} +.released_pen__bottom img.likes { + width: 15px; + top: 3px; +} +.released_pen__bottom img.comments { + width: 18px; + top: 3px; +} +.released_pen .star { + position: absolute; + right: 10px; + top: 9px; +} +.released_pen .star img { + width: 15px; +} +.released_pen__graph { + height: 34px; + position: relative; + width: 300px; + border-left: 3px solid #e7e7e7; + border-bottom: 3px solid #e7e7e7; + margin: 8px 0; +} +.released_pen__graph .line { + width: 10px; + height: 40px; + max-height: 34px; + float: left; + position: relative; + bottom: 0; + background: #ff992c; +} \ No newline at end of file diff --git a/dist/admin/games/derby/index.html b/dist/admin/games/derby/index.html new file mode 100644 index 0000000..ae0289d --- /dev/null +++ b/dist/admin/games/derby/index.html @@ -0,0 +1,1514 @@ + + + + + Bus Derby + + + + + + + +
+
+ + +
+
+ + +
+
+ + + + + + +
+
+ + +
+
+ + + + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + + + + + + +
+ + +
+ + + +
+ + + +
+ + +
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/admin/games/derby/script.js b/dist/admin/games/derby/script.js new file mode 100644 index 0000000..60eec21 --- /dev/null +++ b/dist/admin/games/derby/script.js @@ -0,0 +1,591 @@ +////////////////////////////////////////// +/////////// BUS DERBY /////////// +////////////////////////////////////////// + + + +/////---Sources---///// + +Physijs.scripts.ammo = "https://assets.codepen.io/409445/ammo.js"; + +//physijs_worker.js called from HTML script (needed so worker can be used in codepen) +// Physijs.scripts.worker = "https://chandlerprall.github.io/Physijs/physijs_worker.js"; +var blob = new Blob( [document.querySelector('#physijs_worker').textContent] ); +Physijs.scripts.worker = window.URL.createObjectURL(blob); + + + +/////---Settings---///// + +var bwf = 3.5; //bus wheel friction +var bwr = 0; //bus wheel restitution +var pf = 4.2; //platform friction +var pr = 0; //platform restitution +var gravity = -50; + + + +/////---Initiation---///// + +var scene, environment, camera; +var backgroundColor = 0xCDD3D6; +var busArray = []; +var Player1 = { name: "gretchen", score: 0 }; +var Player2 = { name: "bertha", score: 0 }; +var gameHasBegun = false; +var roundActive = false; +var gameHasEnded = false; +var loadingAnimation = document.getElementById("loading_animation_page"); +var loadingAnimationVisible = false; + +///Renderer +var renderer = new THREE.WebGLRenderer( { antialias: true } ); +renderer.setSize( window.innerWidth, window.innerHeight ); +document.body.appendChild( renderer.domElement ); + + + +/////---Objects---///// + + +///--Environment---/// +function Environment() { + + ///physi.js scene + scene = new Physijs.Scene; + scene.setGravity(new THREE.Vector3(0, gravity, 0)); + + ///background + renderer.setClearColor (backgroundColor, 1); + + ///camera + camera = new THREE.PerspectiveCamera(35, window.innerWidth/window.innerHeight, 1, 10000 ); + camera.position.set( 0, 300, 600 ); + camera.zoom = 3; + scene.add( camera ); + + ///lighting & shadows + var lightA1 = new THREE.AmbientLight(0xFFFFFF, 0.85); + scene.add(lightA1); + var lightD1 = new THREE.DirectionalLight( 0xFFFFFF, 0.3 ); + lightD1.position.set( -20, 100, 20 ); + lightD1.castShadow = true; + lightD1.shadow.camera.left = -100; + lightD1.shadow.camera.top = -100; + lightD1.shadow.camera.right = 100; + lightD1.shadow.camera.bottom = 100; + lightD1.shadow.camera.near = 1; + lightD1.shadow.camera.far = 130; + lightD1.shadow.mapSize.height = lightD1.shadow.mapSize.width = 1000; + scene.add( lightD1 ); + renderer.shadowMap.enabled = true; + renderer.shadowMap.type = THREE.PCFSoftShadowMap; + + ///fog + scene.fog = new THREE.Fog( + backgroundColor, + camera.position.z + 35, + camera.position.z + 250 + ); + + ///platform + var platform; + var platformDiameter = 170; + var platformRadiusTop = platformDiameter * 0.5; + var platformRadiusBottom = platformDiameter * 0.5 + 0.2; + var platformHeight = 1; + var platformSegments = 85; + + var platformGeometry = new THREE.CylinderGeometry( + platformRadiusTop, + platformRadiusBottom, + platformHeight, + platformSegments + ); + + //physi.js platform (invisible; provides structure) (separating three.js & physi.js improves peformance) + var physiPlatformMaterial = Physijs.createMaterial( + new THREE.MeshLambertMaterial(), pf, pr + ); + var physiPlatform = new Physijs.CylinderMesh(platformGeometry, physiPlatformMaterial, 0 ); + physiPlatform.name = "physicalPlatform"; + physiPlatform.position.set(0, -0.5, 0); + physiPlatform.visible = false; + scene.add( physiPlatform ); + + //three.js platform (visible; provides image) (separating three.js & physi.js improves peformance) + var platformMaterialsArray = []; + var platformMaterialColor = new THREE.MeshLambertMaterial( { color: 0x606060 } ); + platformMaterialsArray.push( platformMaterialColor ); //(materialindex = 0) + var platformImage = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/409445/asphalt_texture_2.jpg"; + var platformTextureLoader = new THREE.TextureLoader(); + ptr = 4.5; //platform texture repeat + platformTextureLoader.load(platformImage, function (texture) { + //shrinks & repeats the image for the designate number of times + texture.wrapS = texture.wrapT = THREE.RepeatWrapping; + texture.repeat.set( ptr, ptr ); + //sets textue + var platformMaterialImage = new THREE.MeshLambertMaterial( { map: texture } ); + platformMaterialsArray.push( platformMaterialImage ); //(materials index = 1) + }); + var faceCount = platformGeometry.faces.length; + for ( i=0; i { + if (document.readyState === "complete") { + loadingAnimation.style.visibility = "hidden"; + } + } +} + +function onWindowResize() { + sceneHeight = window.innerHeight; + sceneWidth = window.innerWidth; + renderer.setSize(sceneWidth, sceneHeight); + camera.aspect = sceneWidth/sceneHeight; + camera.updateProjectionMatrix(); +} + +function configureWheel( wheel, position, BusSide ) { + wheel.name = "wheel"; + wheel.componentOf = "bus"; + BusSide === "port" ? wheel.rotation.x = Math.PI / 2 : wheel.rotation.x = -Math.PI / 2; + wheel.position.set( position.x, position.y, position.z ); + wheel.setDamping( 0.5, 0.5 ); + wheel.castShadow = true; + scene.add( wheel ); +} + +function configureWheelConstraints( constraint ) { + scene.addConstraint( constraint ); + constraint.setAngularLowerLimit({ x: 0, y: 0, z: 1 }); + constraint.setAngularUpperLimit({ x: 0, y: 0, z: 0 }); + return constraint; +} + +function restartGame() { + window.location.reload(); +} + +function initializeMatch() { + environment = new Environment(); + busArray = []; + busArray.push( new Bus("platformLeft") ); + busArray.push( new Bus("platformRight") ); + roundActive = true; +} + +function displayLoadingAnimation(milliseconds) { + loadingAnimation.style.visibility = "visible"; + loadingAnimationVisible = true; + setTimeout(function(){ + loadingAnimation.style.visibility = "hidden"; + loadingAnimationVisible = false; + }, milliseconds); +} + +function pause(milliseconds) { + var then = Date.now(); + var now; + do { now = Date.now() } while ( now - then < milliseconds ); +} + +function freezeBuses() { + for ( i=0; i 0 ? Player1 : Player2; + winner.score += 1; + if (winner.score < 3) { + declareRoundWin(winner); + } else { + declareGameWin(winner); + } + } + } +} + +function handleKeyDown ( keyEvent ) { + // sets wheel motors; configureAngularMotor params are: + // 1) which_motor (as numbers matched to axes: 0 = x, 1 = y, 2 = z) + // 2) low_limit (lower limit of the motor) + // 3) high_limit (upper limit of the motor) + // 4) velocity (target velocity) + // 5) max_force (maximum force the motor can apply) + switch ( keyEvent.keyCode ) { + // BUS 1 + // pivots wheels for steering + case 65: case 37: // "a" key or left arrow key (turn left) + busArray[0].wheel_fr_constraint.configureAngularMotor( 1, -Math.PI / 4, Math.PI / 4, 10, 200 ); + busArray[0].wheel_fr_constraint.enableAngularMotor( 1 ); + busArray[0].wheel_fl_constraint.configureAngularMotor( 1, -Math.PI / 4, Math.PI / 4, 10, 200 ); + busArray[0].wheel_fl_constraint.enableAngularMotor( 1 ); + break; + case 68: case 39: // "d" key or right arrow key (turn right) + busArray[0].wheel_fr_constraint.configureAngularMotor( 1, -Math.PI / 4, Math.PI / 4, -10, 200 ); + busArray[0].wheel_fr_constraint.enableAngularMotor( 1 ); + busArray[0].wheel_fl_constraint.configureAngularMotor( 1, -Math.PI / 4, Math.PI / 4, -10, 200 ); + busArray[0].wheel_fl_constraint.enableAngularMotor( 1 ); + break; + // rotates wheels for propulsion + case 87: case 38: // "w" key or up arrow key (forward) + busArray[0].wheel_bl_constraint.configureAngularMotor( 2, 1, 0, -30, 50000 ); + busArray[0].wheel_bl_constraint.enableAngularMotor( 2 ); + busArray[0].wheel_br_constraint.configureAngularMotor( 2, 1, 0, -30, 50000 ); + busArray[0].wheel_br_constraint.enableAngularMotor( 2 ); + break; + case 83: case 40: // "s" key or down arrow key (backward) + busArray[0].wheel_bl_constraint.configureAngularMotor( 2, 1, 0, 20, 3500 ); + busArray[0].wheel_bl_constraint.enableAngularMotor( 2 ); + busArray[0].wheel_br_constraint.configureAngularMotor( 2, 1, 0, 20, 3500 ); + busArray[0].wheel_br_constraint.enableAngularMotor( 2 ); + break; + // BUS 2 + // pivots wheels for steering + case 76: // "l" key (turn left) + busArray[1].wheel_fr_constraint.configureAngularMotor( 1, -Math.PI / 4, Math.PI / 4, 10, 200 ); + busArray[1].wheel_fr_constraint.enableAngularMotor( 1 ); + busArray[1].wheel_fl_constraint.configureAngularMotor( 1, -Math.PI / 4, Math.PI / 4, 10, 200 ); + busArray[1].wheel_fl_constraint.enableAngularMotor( 1 ); + break; + case 222: // "'" key (turn right) + busArray[1].wheel_fr_constraint.configureAngularMotor( 1, -Math.PI / 4, Math.PI / 4, -10, 200 ); + busArray[1].wheel_fr_constraint.enableAngularMotor( 1 ); + busArray[1].wheel_fl_constraint.configureAngularMotor( 1, -Math.PI / 4, Math.PI / 4, -10, 200 ); + busArray[1].wheel_fl_constraint.enableAngularMotor( 1 ); + break; + // rotates wheels for propulsion + case 80: // "p" key (forward) + busArray[1].wheel_bl_constraint.configureAngularMotor( 2, 1, 0, 30, 50000 ); + busArray[1].wheel_bl_constraint.enableAngularMotor( 2 ); + busArray[1].wheel_br_constraint.configureAngularMotor( 2, 1, 0, 30, 50000 ); + busArray[1].wheel_br_constraint.enableAngularMotor( 2 ); + break; + case 186: // ";" key (backward) + busArray[1].wheel_bl_constraint.configureAngularMotor( 2, 1, 0, -20, 3500 ); + busArray[1].wheel_bl_constraint.enableAngularMotor( 2 ); + busArray[1].wheel_br_constraint.configureAngularMotor( 2, 1, 0, -20, 3500 ); + busArray[1].wheel_br_constraint.enableAngularMotor( 2 ); + break; + } +} + +function handleKeyUp(keyEvent){ + switch( keyEvent.keyCode ) { + // BUS 1 + //sets front wheels straight again + case 65: case 68: case 37: case 39: + busArray[0].wheel_fr_constraint.configureAngularMotor( 1, 0, 0, 10, 200 ); + busArray[0].wheel_fr_constraint.enableAngularMotor( 1 ); + busArray[0].wheel_fl_constraint.configureAngularMotor( 1, 0, 0, 10, 200 ); + busArray[0].wheel_fl_constraint.enableAngularMotor( 1 ); + break; + //stops back wheel rotation + case 87: case 83: case 38: case 40: + busArray[0].wheel_bl_constraint.configureAngularMotor( 2, 0, 0, 0, 2000 ); + busArray[0].wheel_bl_constraint.enableAngularMotor( 2 ); + busArray[0].wheel_br_constraint.configureAngularMotor( 2, 0, 0, 0, 2000 ); + busArray[0].wheel_br_constraint.enableAngularMotor( 2 ); + break; + // BUS 2 + //sets front wheels straight again + case 76: case 222: + busArray[1].wheel_fr_constraint.configureAngularMotor( 1, 0, 0, 10, 200 ); + busArray[1].wheel_fr_constraint.enableAngularMotor( 1 ); + busArray[1].wheel_fl_constraint.configureAngularMotor( 1, 0, 0, 10, 200 ); + busArray[1].wheel_fl_constraint.enableAngularMotor( 1 ); + break; + //stops back wheel rotation + case 80: case 186: + busArray[1].wheel_bl_constraint.configureAngularMotor( 2, 0, 0, 0, 2000 ); + busArray[1].wheel_bl_constraint.enableAngularMotor( 2 ); + busArray[1].wheel_br_constraint.configureAngularMotor( 2, 0, 0, 0, 2000 ); + busArray[1].wheel_br_constraint.enableAngularMotor( 2 ); + break; + } +} + + + +/////---Interaction---///// + +window.addEventListener("resize", onWindowResize, false); + +document.onkeydown = handleKeyDown; +document.onkeyup = handleKeyUp; + + +$("#button_play").click(function(){ + gameHasBegun = true; + displayLoadingAnimation(1500); + $("#landing_page_div").hide(); + initializeMatch(); +}); + +$("#button_restart").click(function(){ + displayLoadingAnimation(1500); + restartGame() +}); + +$("#button_draw").click(function(){ + declareMatchDraw(); +}); + +$("#button_play_next_round").click(function(){ + displayLoadingAnimation(1500); + $("#round_win_page_div").css("visibility", "hidden"); + initializeMatch(); +}); + +$("#button_replay_round").click(function(){ + displayLoadingAnimation(1500); + $("#round_draw_page_div").css("visibility", "hidden"); + initializeMatch(); +}); + +$(".button_new_game").click(function(){ + displayLoadingAnimation(1500); + restartGame(); +}); + +$(document).on("keypress",function(e) { + if ( e.key === "Enter" && !loadingAnimationVisible ) { + if ( !gameHasBegun ) { + $("#button_play").click(); + } else if ( gameHasEnded ) { + $(".button_new_game").click(); + } else if ( !roundActive ) { + $("#button_play_next_round").click(); + $("#button_replay_round").click(); + } + e.stopPropagation(); + } +}); + + + +/////---Display---///// + +initializeMatch(); +//playLoadingAnimationIfDocumentNotReady(); + +function render() { + if ( roundActive === true ) { checkForMatchCompletion(); } + scene.simulate(); + camera.lookAt( 0, 1, 0 ); + //camera.lookAt( busArray[1].frame.position ); + camera.updateProjectionMatrix(); + renderer.render( scene, camera); + requestAnimationFrame( render ); +}; + +render(); \ No newline at end of file diff --git a/dist/admin/games/derby/style.css b/dist/admin/games/derby/style.css new file mode 100644 index 0000000..be97368 --- /dev/null +++ b/dist/admin/games/derby/style.css @@ -0,0 +1,231 @@ +body { + margin: 0; + width: 100%; + height: 100%; + overflow: hidden; +} + +canvas { + width: 100%; + height: 100%; +} + +.display_page { + position: fixed; + width: 100%; + height: 100%; + background: #F6EDD0; + box-shadow: 0 0 120px 5px #514014 inset; + z-index: 1; +} + + +/* Loading Animation */ + +#loading_animation_page { + visibility: hidden; + z-index: 2; +} + +#loading_animation_div { + width: 25%; + height: 25%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +#loading_animation_svg { + width: 100%; + height: 100%; +} + +.loading_animation_lines { + stroke: #272727; + stroke-width: 1%; + stroke-linecap: round; + animation-name: fade_out_in; + animation-iteration-count: infinite; + animation-duration: 900ms; + animation-timing-function: linear; +} +#loading_animation_line_1 { animation-delay: 0ms; } +#loading_animation_line_2 { animation-delay: 175ms; } +#loading_animation_line_3 { animation-delay: 350ms; } + +@keyframes fade_out_in { + 0% { opacity: 1 } + 20% { opacity: 0 } + 100% { opacity: 1 } +} + +#loading_animation_insignia { + position: absolute; + width: 22%; + height: 22%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + + + +/* Landing Page */ + +#landing_page_div { + background: #F9F9F9; +} + +#landing_logo_div { + position: absolute; + width: 50%; + top: 37%; + left: 50%; + transform: translate(-50%, -50%); +} + +#logo_landing { + width: 100%; +} + +#button_play { + position: absolute; + width: 20%; + top: 140%; + left: 50%; + transform: translate(-50%, -50%); + opacity: .9; +} +#button_play:hover { + opacity: 1; + cursor: pointer; +} + + + +/* Announcement Pages */ + +.announcement_page { + visibility: hidden; +} + +.card_div { + position: absolute; + width: 60%; + top: 48%; + left: 50%; + transform: translate(-50%, -50%); +} + +.card { + width: 100%; +} + +.card_button { + position: absolute; + width: 30%; + top: 95.5%; + left: 50%; + transform: translate(-50%, -50%); + opacity: .9; + cursor: pointer; +} +.card_button:hover { opacity: 1 } + +.round_score { + position: absolute; + height: 8%; + top: 66%; + transform: translate(-50%, -50%); +} +#round_score_green { left: 38%; } +#round_score_red { left: 80%; } + + + +/* UI */ + +#logo_div { + position: fixed; + width: 23%; + min-width: 115px; + max-width: 220px; + top: 6%; + left: 4%; + opacity: .8; +} +#logo { + width: 100%; +} +#copyright { + position: absolute; + bottom: -5%; + left: 50%; + transform: translate(-50%); + width: 22%; +} + +#scoreboard_div { + position: fixed; + width: 16%; + max-width: 160px; + min-width: 90px; + top: 6%; + right: 4%; + opacity: .8; +} +#scoreboard_img { + height: 100%; + width: 100%; +} +.board_score { + position: absolute; + height: 35%; + left: 76%; +} +#board_score_green { top: -1.5%; } +#board_score_red { top: 60%; } + +#buttons_div { + position: fixed; + width: 35px; + height: 80px; + top: 47%; + transform: translate(0, -50%); + right: 4%; +} +.buttons_items { + position: absolute; + width: 100%; + opacity: .7; +} +.button_restart { + height: 33.333%; + top: 0; +} +.button_divider { + height: 33.333%; + width: 70%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + opacity: .5; +} +.button_draw { + height: 33.333%; + bottom: 0; +} +.button_restart:hover { opacity: 1; } +.button_draw:hover { opacity: 1; } + +.nav { + position: fixed; + width: 12%; + max-width: 125px; + min-width: 75px; + bottom: 5%; + opacity: .85; +} +.left_nav { left: 4%; } +.right_nav { right: 4%; } \ No newline at end of file diff --git a/dist/admin/games/index.html b/dist/admin/games/index.html new file mode 100644 index 0000000..9699ab7 --- /dev/null +++ b/dist/admin/games/index.html @@ -0,0 +1,188 @@ + + + + + straight-code2 | Games + + + + + + + + + + + + +
+
+
+ + +

straight-code2

+
+ + + + + + +
+
+
+ + + + +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

All Games (5)

+

+
+
+
+
+
+ +
+
+ +
+
+ +
+ +
+ + + +
Kill The King
+ +
+ +
+ + + +
Lighthouse
+ +
+ +
+ + + +
Derby
+ +
+ +
+ + + +
Codepen Life Sim
+ +
+ +
+ + + +
Baseball
+ +
+ +
+ +
+
+
+
+ +
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dist/admin/games/kill-the-king/index.html b/dist/admin/games/kill-the-king/index.html new file mode 100644 index 0000000..ad7f2fc --- /dev/null +++ b/dist/admin/games/kill-the-king/index.html @@ -0,0 +1,200 @@ + + + + + Kill The King + + + + + + +
+ +
+
+
+

YOU RAN OUT OF TIME!

+

King Trost was victorious. Refresh to try again.

+

+ Be sure to + follow me on Github + +

+
+
+
+
+

YOU WIN!

+

King Trost was slain. Congratulations!

+

+ Be sure to + follow me on Github + +

+
+
+
+
+ +
+

BEGIN GAME

+
+
+
+ King Trost +

HAHAHA, YOU HONESTLY THINK YOU CAN DEFEAT ME!? MY MEN WILL CRUSH YOU, BOY.

+

Continue

+
+ +
+
+
+
+
+
Smash the spacebar!
+
+
+
+ Made by + straight-code +
+
+
+ + {{ xp }}xp +
+
+
+
+
+ + +
+ +
+ +
+
+ {{ minutes }} +
+
+ {{ seconds }} +
+
+ {{ ms }} +
+
+
+
+
+
+ STAGE {{ stage }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ strength }} STR +
+
+
+ + {{ intelligence }} INT +
+
+ + {{ speed }} SPD +
+
+
+
+
+
+
+ {{ damage }} +
+
+ + {{ xpGained }}xp +
+
+
+
+ {{ enemy.name }} +
+
+ HP: {{ enemy.health }} +
+
+
+
+
+
+
+
+
+
+ +
+
+ {{ minutes }} +
+
+ {{ seconds }} +
+
+ {{ ms }} +
+
+
+

Spend your gold and experience on upgrades

+
+ + {{ xp }}xp +
+
+
+

{{ index != 0 ? upgrade.type != upgrades[index - 1].type ? upgrade.type : '' : 'Skills' }}

+
+
{{ upgrade.names }}
+
{{ upgrade.descriptions }}
+
+ Cost: {{ upgrade.cost }} {{ upgrade.type == "stat" ? 'xp' : 'gold' }} +
+
+ +{{ upgrade.type == "stat" ? upgrade.increment : upgrade.damage }} {{ upgrade.metric }} +
+
+ Level: {{ upgrade.level }} +
+
+
+
+
Next round
+
+
+
+
+ + + + + diff --git a/dist/admin/games/kill-the-king/script.js b/dist/admin/games/kill-the-king/script.js new file mode 100644 index 0000000..4c881a3 --- /dev/null +++ b/dist/admin/games/kill-the-king/script.js @@ -0,0 +1,752 @@ +class Enemy { + constructor(health, name) { + this.health = health; + this.initHealth = health; + this.name = name; + } +} + +const development = true; + +class AudioController { + constructor(audioArray, helpers) { + + this.sampleCount = 0; + this.loadedIndex = 0; + this.sfxOn = true; + + if(helpers == undefined) { + this.helpers = true; + } + + // Affirm in console that module has been included + console.log('%c 🔊 Audio module active ', 'padding: 10px; background: #cbfd9f; color: #3b4e2a'); + + // Helpers + if(this.helpers) { + if(audioArray.length == 0) { + console.warn('No audio array or audio array empty'); + } + } + + audioArray.forEach(function(aud, index) { + if(aud.stackSize != undefined) { + this.sampleCount += aud.stackSize; + } else { + this.sampleCount += 1; + } + }.bind(this)); + + // Create a global audio array + this._globalAudio = []; + + // Iterate through all our samples + audioArray.forEach(function(aud, index) { + + if(aud.stackSize != undefined) { + this.stackSize = aud.stackSize; + } else { + this.stackSize = 1; + } + + // If the type of audio is not background music, stack it and play based on an index, + // This means you can play small samples very quickly. You cannot play the same audio + // Object until the current object has finished + + var audioObject = []; + + let a = new Audio(); + let b; + a.preload = true; + a.src = aud.source; + + for(var i = 0; i < this.stackSize; i++) { + + b = new Audio() + b.src = a.src + + b.onloadeddata = function() { + this.loadedIndex++; + this.progress = Math.ceil(this.loadedIndex / this.sampleCount * 100); + + if(this.helpers) { + console.clear(); + console.log('%c 🔊 Audio module active ', 'padding: 10px; background: #cbfd9f; color: #3b4e2a'); + console.log(`Loading ${audioArray.length} audio sample(s)`); + console.log(`Loading ${aud.name}`); + console.log(`${this.progress}%`) + } + + if(this.progress == 100) { + this.onLoaded(); + } + + }.bind(this); + + audioObject.push(b); + } + + audioObject.index = 0; + audioObject.maxIndex = this.stackSize; + + this._globalAudio[aud.name] = audioObject; + + }.bind(this)); + } + + play(audio) { + + + let sample = this._globalAudio[audio]; + + if(sample != undefined) { + // Get the current audio object in the stack + let index = sample.index; + let aud = sample[index]; + + // Play the audio object + if(this.sfxOn) { + aud.play(); + } + + + // Increase the stack index or reset if it exceeds the max stack size + if(sample.index > sample.maxIndex - 2) { + sample.index = 0; + } else { + sample.index++; + } + } else { + console.warn(`${audio} does not exist.`); + } + } + + stop(audio) { + let sample = this._globalAudio[audio]; + + if(sample != undefined) { + // Get the current audio object in the stack + let index = sample.index; + let aud = sample[index]; + + // Stop the audio object + aud.pause(); + aud.currentTime = 0; + } + } + + restart(audio) { + let sample = this._globalAudio[audio]; + + if(sample != undefined) { + // Get the current audio object in the stack + let index = sample.index; + let aud = sample[index]; + + // Stop the audio object + aud.pause(); + aud.currentTime = 0; + aud.play(); + } + } + + pause(audio) { + let sample = this._globalAudio[audio]; + + if(sample != undefined) { + // Get the current audio object in the stack + let index = sample.index; + let aud = sample[index]; + + // Stop the audio object + aud.pause(); + } + } + + mute(audio) { + let sample = this._globalAudio[audio]; + + sample.forEach(function(s) { + s.volume = 0; + }) + } + + setVolume(audio, volume) { + let sample = this._globalAudio[audio]; + let vol = volume / 100; + + sample.forEach(function(s) { + s.volume = vol; + }) + } + + // Destroy an audio sample to save memory + + destroy(audio) { + this._globalAudio[audio] = undefined; + } + + stopAll() { + Object.keys(this._globalAudio).forEach(function(key) { + this._globalAudio[key].forEach(function(aud) { + aud.pause(); + aud.currentTime = 0; + }) + }.bind(this)); + } + + muteAll() { + Object.keys(this._globalAudio).forEach(function(key) { + this._globalAudio[key].forEach(function(aud) { + aud.volume = 0; + }) + }.bind(this)); + } + + list() { + Object.keys(this._globalAudio).forEach(function(key) { + console.log('%c' + key, 'font-weight: bold; color: green'); + }.bind(this)); + } + + onLoaded() { + if(this.helpers) { + console.log('All audio loaded'); + this.list(); + } + } +} + +new Vue({ + el: '#app', + + + data() { + return { + keyCode: 32, + minutes: 4, + seconds: 0, + ms: 1, + pressed: false, + strength: 1, + intelligence: 1, + luck: 1, + speed: 1, + gameStarted: false, + muteBg: false, + boss: false, + damage: 1, + weapon: 'Blunt sword', + weaponDamage: 1, + enemiesPerStage: 2, + canAttack: false, + stage: 1, + goldGained: 0, + sfx: true, + xpGained: 0, + introClicked: false, + bgMusicStarted: false, + stageComplete: false, + xp: 0, + damageAnim: 1, + shoppingPhase: false, + gold: 0, + gameover: false, + gamewin: false, + audioController: '', + enemy: new Enemy(5, 'HAREK SEDGWICK'), + enemiesDefeated: 0, + enemyKilled: false, + tooltipTimer: 0, + tooltip: true, + enemyNames: [ + 'JACOB DANGERS', + 'MILEON MASON', + 'MACE CAVELIER', + 'OSRIC GRAGOLOON', + 'MOSES STONEWELL', + 'TRISTAN GOSBECK', + 'REDWALD CROMWELL', + 'JEREMIAS PICARD', + 'EGRIC MAIDSTONE', + 'ROBIN CURTEYS', + 'DINUS DE REUE', + 'HAREK SEDGWICK', + 'FLORA DAUBERVILLE', + 'RAMETTA THE SLENDER', + 'ISEMAY VERNOLD', + 'AVINA CECIL', + 'FANUS THE GREAT', + 'GASPAR SHADOWSEEKER', + 'GOUBERT THE RED', + 'ALDOUS DARCY', + 'RYN THE RED', + 'FULLER CARDON', + 'ANSELM THE OLD', + 'ALVINA BLUETOOTH', + 'MICKNEY CORVISER', + 'RYKOR RAVENSGATE', + 'REYNARD LONGBOW', + 'ALEX TROST', + 'ADAM KUHN', + 'STEVE GARDNER', + 'CHASSIE EVANS', + 'STEVEN SHAW', + 'CHRIS COYIER', + 'JHEY', + 'PETE BARR', + 'ZACH SAUCIER' + ], + + audioArray: [ + { + 'name' : 'swordHit1', + 'source' : 'https://assets.codepen.io/217233/ktkSwordHit1.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'swordHit2', + 'source' : 'https://assets.codepen.io/217233/ktkSwordHit2.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'swordHit3', + 'source' : 'https://assets.codepen.io/217233/ktkSwordHit3.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'death1', + 'source' : 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/ktkDeath1.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'death2', + 'source' : 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/ktkDeath2.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'death3', + 'source' : 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/ktkDeath3.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'death4', + 'source' : 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/ktkDeath4.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'grunt1', + 'source' : 'https://assets.codepen.io/217233/ktkGrunt1.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'grunt2', + 'source' : 'https://assets.codepen.io/217233/ktkGrunt2.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'grunt3', + 'source' : 'https://assets.codepen.io/217233/ktkGrunt3.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'grunt4', + 'source' : 'https://assets.codepen.io/217233/ktkGrunt4.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'grunt5', + 'source' : 'https://assets.codepen.io/217233/ktkGrunt5.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'grunt6', + 'source' : 'https://assets.codepen.io/217233/ktkGrunt6.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'grunt7', + 'source' : 'https://assets.codepen.io/217233/ktkGrunt7.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'grunt8', + 'source' : 'https://assets.codepen.io/217233/ktkGrunt8.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'grunt9', + 'source' : 'https://assets.codepen.io/217233/ktkGrunt9.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'bgmusic', + 'source' : 'https://assets.codepen.io/217233/ktkBgAudio.mp3' + }, + { + 'name' : 'shopBell', + 'source' : 'https://assets.codepen.io/217233/ktkBell.wav' + }, + { + 'name' : 'shopWoosh', + 'source' : 'https://assets.codepen.io/217233/ktkWoosh.wav' + }, + { + 'name' : 'upgrade', + 'source' : 'https://assets.codepen.io/217233/ktkUpgrade.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'hover', + 'source' : 'https://assets.codepen.io/217233/ktkHover.mp3', + 'stackSize' : 10 + }, + { + 'name' : 'crushyou', + 'source' : 'https://assets.codepen.io/217233/crush+you.wav', + 'stackSize' : 1 + }, + { + 'name' : 'neverstop', + 'source' : 'https://assets.codepen.io/217233/neverstop.wav', + 'stackSize' : 1 + }, + { + 'name' : 'persistance', + 'source' : 'https://assets.codepen.io/217233/persistance.wav', + 'stackSize' : 1 + }, + { + 'name' : 'mercy', + 'source' : 'https://assets.codepen.io/217233/mercy.wav', + 'stackSize' : 1 + }, + { + 'name' : 'purchases', + 'source' : 'https://assets.codepen.io/217233/pointlesspurchases.wav', + 'stackSize' : 1 + }, + { + 'name' : 'fool', + 'source' : 'https://assets.codepen.io/217233/fool.wav', + 'stackSize' : 1 + }, + { + 'name' : 'notpossible', + 'source' : 'https://assets.codepen.io/217233/not+possible.wav', + 'stackSize' : 1 + } + ], + + // Hmm. Upgrades + upgrades: { + 0: { + 'type': 'stat', + 'names': 'Strength up', + 'descriptions' : 'Increase your base strength. Do more damage.', + 'cost' : 25, + 'level' : 1, + 'increment' : 1, + 'costIncreasePerLevel' : 20, + 'metric' : 'Strength', + 'stat' : 'strength', + 'maxLevel' : 100 + }, + 1: { + 'type': 'stat', + 'names': 'Intelligence up', + 'descriptions' : 'Increase your intelligence and gain more xp per kill.', + 'cost' : 25, + 'level' : 1, + 'increment' : 1, + 'costIncreasePerLevel' : 20, + 'metric' : 'Intelligence', + 'stat' : 'intelligence', + 'maxLevel' : 100 + }, + 2: { + 'type': 'stat', + 'names': 'Speed up', + 'descriptions' : 'Increase your speed. Strike quicker!', + 'cost' : 25, + 'level' : 1, + 'increment' : 1, + 'costIncreasePerLevel' : 20, + 'metric' : 'Speed', + 'stat' : 'speed', + 'maxLevel' : 7 + } + } + } + }, + + methods: { + punch() { + if(_this.canAttack && !_this.gamewin && !_this.gameover) { + _this.tooltip = false; + _this.tooltipTimer = 0; + + _this.canAttack = !_this.canAttack; + _this.pressed = !_this.pressed; + _this.damageAnim = Math.floor(Math.random() * 10) + 1; + + + let hitSound = Math.floor(Math.random() * 3) + 1; + let gruntSound = Math.floor(Math.random() * 9) + 1; + _this.audioController.play(`swordHit${hitSound}`); + _this.audioController.play(`grunt${gruntSound}`); + + setTimeout(function() { + _this.pressed = !_this.pressed; + }, 150) + + setTimeout(function() { + if(_this.enemyKilled == false) { + _this.canAttack = !_this.canAttack; + } + + }, 500 - (50 * _this.speed)) + + if(_this.enemy.health > _this.damage) { + _this.enemy.health -= _this.damage; + } else { + + _this.canAttack = false; + + let deathSound = Math.floor(Math.random() * 4) + 1; + _this.audioController.play(`death${deathSound}`) + + _this.enemy.health = 0; + _this.enemiesDefeated++; + _this.enemyKilled = true; + + let baseXpPerKill = 10 + Math.floor(Math.random() * 3) + 1; + let xpPerKillWithBonus = Math.ceil((baseXpPerKill * _this.stage) + (((baseXpPerKill * _this.stage) / 100) * (_this.intelligence * 10))); + + _this.xp += xpPerKillWithBonus; + _this.xpGained = xpPerKillWithBonus; + + let baseGoldPerKill = 10 + Math.floor(Math.random() * 3) + 1; + let goldPerKillWithBonus = Math.ceil((baseGoldPerKill * _this.stage) + (((baseGoldPerKill * _this.stage) / 100) * (_this.luck * 10))); + + _this.goldGained = goldPerKillWithBonus; + _this.gold += goldPerKillWithBonus; + + if(_this.boss) { + _this.audioController.play('notpossible'); + window.clearInterval(timer) + _this.gamewin = true; + + } else { + + if(_this.enemiesDefeated > _this.enemiesPerStage - 1) { + + _this.stageComplete = true; + + setTimeout(function() { + + + _this.shoppingPhase = true; + + _this.audioController.play('shopWoosh'); + _this.audioController.play('shopBell'); + + if(_this.stage == 1) { + _this.audioController.play('fool'); + } + + if(_this.stage == 3) { + _this.audioController.play('neverstop'); + } + + if(_this.stage == 5) { + _this.audioController.play('purchases'); + } + + if(_this.stage == 7) { + _this.audioController.play('persistance'); + } + + if(_this.stage == 9) { + _this.audioController.play('mercy'); + } + + console.log('lowpass') + lowpassNode.frequency.value = 250; + + }, 1000) + + // Use Web Audio to create an audio graph that uses the stream from the audio element + + + } else { + setTimeout(function() { + console.log(_this.enemiesDefeated, _this.stage) + if(_this.enemiesDefeated == 10 && _this.stage == 10) { + _this.enemy = new Enemy(3000, 'King Trost'); + _this.boss = true; + } else { + _this.enemy = new Enemy(7 * (_this.enemiesDefeated + 1 * _this.stage), _this.enemyNames[ Math.floor(Math.random() * _this.enemyNames.length)]); + } + }, 800) + } + + } + + setTimeout(function() { + _this.canAttack = true; + _this.enemyKilled = false; + }, 800) + } + } + }, + + toggleBg() { + if(this.muteBg == false) { + audioNode.volume = 0; + this.muteBg = true; + } else { + audioNode.volume = 1; + this.muteBg = false; + } + }, + toggleSFX() { + this.sfx = !this.sfx; + }, + + buy (upgrade, type, stat) { + + if(type == 'stat') { + let u = this.upgrades[upgrade]; + u.level++; + + this.xp -= u.cost; + + if(stat == 'strength') { + this.strength += u.increment; + this.damage = (this.strength * 1) + this.weaponDamage; + } + + if(stat == 'speed') { + this.speed += u.increment; + } + + if(stat == 'intelligence') { + this.intelligence += u.increment + } + + if(stat == 'luck') { + this.luck += u.increment + } + + let newCost = u.costIncreasePerLevel * u.level; + u.cost = newCost; + + } + + if(type == 'weapons') { + let w = this.upgrades[upgrade]; + this.gold -= w.cost; + this.weaponDamage = w.damage; + this.damage = (this.strength * 1) + this.weaponDamage; + this.weapon = w.names; + w.bought = true; + + let newCost = u.costIncreasePerLevel * u.level; + u.cost = newCost; + } + }, + + exitShoppingPhase() { + _this.stageComplete = false; + this.shoppingPhase = !this.shoppingPhase; + this.stage++; + this.enemiesPerStage++; + this.enemiesDefeated = 0; + this.enemy = new Enemy(5 * (_this.enemiesDefeated + 1 * _this.stage), _this.enemyNames[ Math.floor(Math.random() * _this.enemyNames.length)]); + lowpassNode.frequency.value = 15000; + }, + + + startGame() { + this.gameStarted = true; + lowpassNode.frequency.value = 15000; + this.canAttack = true; + + timer = setInterval(function() { + _this.tooltipTimer++; + + if(_this.minutes == 0 && _this.seconds == 0 && _this.ms == 0) { + // Show game over! + window.clearInterval(timer) + _this.gameover = true; + _this.canAttack = false; + } + + if(_this.tooltipTimer > 100) { + _this.tooltip = true; + } + if(_this.ms > 0) { + _this.ms--; + if(_this.ms < 10) { + _this.ms = '0' + _this.ms; + } + } else { + _this.ms = 99; + if(_this.seconds < 1) { + _this.seconds = 59; + _this.minutes--; + _this.minutes = '0' + _this.minutes; + } else { + _this.seconds--; + if(_this.seconds < 10) { + _this.seconds = '0' + _this.seconds; + } + } + } + },10) + + } + }, + + + mounted () { + _this = this; + + this.audioController = new AudioController(this.audioArray); + + // JCanvas Audio Module + audioNode = document.querySelector("audio"); + + document.onclick = function() { + audioNode.loop = true; + audioNode.play() + + if(!_this.bgMusicStarted) { + _this.bgMusicStarted = true; + audioCtx = new (window.AudioContext || window.webkitAudioContext)(); + sourceNode = audioCtx.createMediaElementSource(audioNode); + + // Create the lowpass filter + lowpassNode = audioCtx.createBiquadFilter(); + + // Connect the source to the lowpass filter + sourceNode.connect(lowpassNode); + + // Connect the lowpass filter to the output (speaker) + lowpassNode.connect(audioCtx.destination); + + console.log('lowpass') + lowpassNode.frequency.value = 250; + } + } + + document.body.onkeyup = function(e) { + if(e.keyCode == _this.keyCode) { + if(!_this.shoppingPhase) + _this.punch(); + } + + } + } +}); \ No newline at end of file diff --git a/dist/admin/games/kill-the-king/style.css b/dist/admin/games/kill-the-king/style.css new file mode 100644 index 0000000..94bae67 --- /dev/null +++ b/dist/admin/games/kill-the-king/style.css @@ -0,0 +1,1572 @@ +@charset "UTF-8"; +@font-face { + font-family: "AddLGBitmap09"; + src: url("https://assets.codepen.io/217233/AddLGBitmap09.woff2") format("woff2"), url("https://assets.codepen.io/217233/AddLGBitmap09.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; +} +body { + background: black; + color: white; + margin: 0; + padding: 0; + overflow: hidden; + font-family: "AddLGBitmap09"; +} + +.game_lose, +.game_win { + position: absolute; + background: rgba(14, 3, 13, 0.94); + z-index: 99999; + width: 100%; + height: 100%; + text-align: center; + display: none; +} +.game_lose.show, +.game_win.show { + display: block; +} +.game_lose .inner, +.game_win .inner { + position: absolute; + width: 500px; + left: 0; + right: 0; + margin: auto; + top: 50%; + transform: translateY(-50%); +} +.game_lose .inner p, +.game_win .inner p { + font-size: 12px; + line-height: 20px; +} + +#app { + background: url("https://assets.codepen.io/217233/ssBg.png"); + background-size: cover; + background-position: center; + height: 100vh; + width: 100%; + position: relative; + transition: all 0.1s; + position: relative; +} +@-webkit-keyframes shake { + 0% { + left: -3px; + top: 3px; + } + 20% { + left: 3px; + top: -3px; + } + 40% { + left: 3px; + top: 3px; + } + 60% { + left: -3px; + top: -3px; + } + 80% { + left: 3px; + top: 3px; + } + 100% { + left: 0; + top: 0px; + } +} +@keyframes shake { + 0% { + left: -3px; + top: 3px; + } + 20% { + left: 3px; + top: -3px; + } + 40% { + left: 3px; + top: 3px; + } + 60% { + left: -3px; + top: -3px; + } + 80% { + left: 3px; + top: 3px; + } + 100% { + left: 0; + top: 0px; + } +} +#app.pressed { + -webkit-animation: shake 0.1s forwards; + animation: shake 0.1s forwards; +} + +.game_intro { + background: rgba(14, 3, 13, 0.94); + width: 100%; + height: 100%; + position: fixed; + z-index: 99; + transition: all 0.3s; +} +.game_intro.gamestarted { + opacity: 0; + pointer-events: none; +} +.game_intro__inner { + position: absolute; + left: 0; + right: 0; + margin: auto; + top: 50%; + width: 680px; + transform: translateY(-50%); + text-align: center; + transition: all 0.3s; + font-size: 12px; + line-height: 30px; +} +.game_intro__inner .begin { + text-align: center; + margin-top: 80px; + cursor: pointer; + transition: all 0.3s; +} +.game_intro__inner .begin:hover { + color: #76ece2; +} +.game_intro__inner .dialogue { + float: left; + width: 60%; + background: black; + color: white; + border-radius: 20px; + padding: 20px 31px; + position: relative; +} +.game_intro__inner p { + text-align: left; + clear: both; +} +.game_intro__inner span { + display: block; + color: #76ece2; + font-size: 9px; + text-align: left; + margin-bottom: -11px; + text-transform: uppercase; +} +.game_intro__inner .king { + float: right; + width: 140px !important; +} +.game_intro__inner.start { + transition: all 1s; +} +.game_intro__inner.start.gamestarted { + opacity: 0; + pointer-events: none; +} +.game_intro__inner .continue { + position: absolute; + z-index: 1; + cursor: pointer; + right: 20px; + font-size: 10px; + top: 175px; + transition: all 0.3s; +} +.game_intro__inner .continue:hover { + color: #76ece2; +} +.game_intro__inner.end { + opacity: 1; + pointer-events: all; + transition: all 1s 1s; +} +.game_intro__inner.end .continue { + opacity: 1; + transition: all 0.3s 6s; +} +.game_intro__inner.end.gamestarted { + opacity: 0; +} +.game_intro__inner.end.gamestarted .continue { + opacity: 0; +} +.game_intro__inner.gamestarted { + pointer-events: none; +} +.game_intro__inner img:nth-of-type(1) { + width: 400px; + -ms-interpolation-mode: nearest-neighbor; + image-rendering: -moz-crisp-edges; + image-rendering: pixelated; +} +.game_intro__inner img:nth-of-type(2) { + position: relative; + left: 0px; +} +.game_intro__inner img:nth-of-type(2) { + cursor: pointer; + margin-top: 40px; +} +.game_inner__tooltip { + width: 390px; + margin: 0 auto; + text-align: left; + position: absolute; + top: calc(50% + 240px); + left: 0; + right: 0; + margin: auto; + opacity: 0; + transition: all 0.3s; +} +.game_inner__tooltip.active { + opacity: 1; +} +.game_inner__tooltip .smash { + width: 100%; + text-align: center; + margin-top: 23px; + font-size: 9px; +} +.game_inner__tooltip .space { + width: 390px; + margin-top: 50px; + height: 50px; + background: white; + position: relative; + top: 0; + border-radius: 6px; + box-shadow: 0 10px #d6d6d6; + -webkit-animation: press2 0.1s infinite; + animation: press2 0.1s infinite; +} +@-webkit-keyframes press2 { + 0% { + box-shadow: 0 10px #d6d6d6; + top: 0px; + } + 100% { + box-shadow: 0 0px #d6d6d6; + top: 10px; + } +} +@keyframes press2 { + 0% { + box-shadow: 0 10px #d6d6d6; + top: 0px; + } + 100% { + box-shadow: 0 0px #d6d6d6; + top: 10px; + } +} +.game_inner__footer { + position: fixed; + left: 50px; + font-size: 7px; + z-index: 2; + bottom: 40px; + width: calc(100% - 100px); +} +.game_inner__footer .madeby { + position: relative; + top: 50px; +} +.game_inner__footer .resources { + float: right; +} +.game_inner__footer .resources div { + margin: 0 0 10px 0; + font-size: 12px; +} +.game_inner__footer .resources div img { + position: relative; + top: 3px; + margin-right: 8px; +} +.game_inner__footer a { + color: #d0295f; + text-decoration: none; +} +.game_inner__left { + text-align: center; + float: left; + position: relative; + width: calc(100%); + height: 100vh; +} +.game_inner__left .buttons { + float: right; + padding: 50px; +} +.game_inner__left .buttons img { + width: 32px; + float: left; + margin-left: 12px; + cursor: pointer; +} +.game_inner__left .buttons img.off { + opacity: 0.3; +} +.game_inner__left .logo { + padding: 50px; + float: left; +} +.game_inner__left .ui { + width: 100%; +} +.game_inner__left .ui_spaces { + font-size: 24px; + margin-bottom: 7px; +} +.game_inner__left .ui_progress { + width: 500px; + margin: 0 auto; + text-align: left; + position: absolute; + top: calc(50% - 300px); + left: 0; + right: 0; + margin: auto; +} +.game_inner__left .ui_progress__stage { + font-size: 9px; + margin-bottom: 11px; +} +.game_inner__left .ui_progress__bar { + width: 100%; + position: relative; +} +.game_inner__left .ui_progress__bar .inner { + background: url("https://assets.codepen.io/217233/ktkProgressInner.png"); + height: 7px; + width: calc(100% - 6px); + background-size: 494px 7px; + position: absolute; + top: 10px; + z-index: 1; + left: 3px; + transition: all 0.4s; + max-width: 494px; +} +.game_inner__left .ui_progress__bar .outer { + background: url("https://assets.codepen.io/217233/ktkProgressOuter.png"); + height: 12px; + width: 100%; + background-size: 500px 12px; + position: absolute; + top: 8px; +} +.game_inner__left .ui_progress__icons { + display: flex; + justify-content: space-between; + position: relative; + z-index: 1; + padding: 0 14px; +} +.game_inner__left .ui_progress__icons .icon { + flex-grow: 1; + text-align: center; +} +.game_inner__left .ui_progress__icons .icon_bg { + width: 28px; + height: 28px; + margin: auto; + background: url("https://assets.codepen.io/217233/ktkStageLocked.png"); +} +.game_inner__left .ui_progress__icons .icon_bg.active:after { + width: 10px; + height: 10px; + content: "▲"; + display: block; + position: relative; + top: 31px; + left: 9px; + font-size: 10px; +} +.game_inner__left .ui_progress__icons .icon_bg.complete { + background: url("https://assets.codepen.io/217233/ktkStageComplete.png"); +} +.game_inner__left .ui_presses { + font-size: 12px; + opacity: 0.4; +} +.game_inner__left .center { + position: absolute; + left: 0; + right: 0; + margin: auto; + top: 50%; + transform: translateY(-50%); + width: 390px; +} +.game_inner__left .center .player_sprite, +.game_inner__left .center .enemy_sprite { + width: 150px; + height: 150px; + -webkit-animation: idle 0.5s steps(7, end) infinite; + animation: idle 0.5s steps(7, end) infinite; + transform: scale(5); + -ms-interpolation-mode: nearest-neighbor; + image-rendering: -moz-crisp-edges; + image-rendering: pixelated; +} +.game_inner__left .center .player_sprite.pressed, +.game_inner__left .center .enemy_sprite.pressed { + -webkit-animation: attack 0.15s steps(3, end); + animation: attack 0.15s steps(3, end); +} +.game_inner__left .center .characters { + width: 400px; + margin: 80px auto; +} +.game_inner__left .center .characters .stand { + width: 100%; + height: 100px; + background: #141627; + border-radius: 100%; + position: absolute; + bottom: -20px; + left: 9px; +} +.game_inner__left .center .characters .player { + z-index: 1; + position: relative; + left: 10px; + top: 60px; + transition: all 1s 0.3s; +} +.game_inner__left .center .characters .player.run { + left: 400px; + opacity: 0; +} +.game_inner__left .center .characters .player .stats { + position: absolute; + left: -110px; + text-align: left; + transform: translateY(4px); + font-size: 8px; + -webkit-animation: health 2s infinite; + animation: health 2s infinite; +} +.game_inner__left .center .characters .player .stats span { + font-size: 6px; + opacity: 0.75; + display: block; + padding-left: 24px; + padding-top: 4px; +} +.game_inner__left .center .characters .player .stats div { + margin-bottom: 10px; +} +.game_inner__left .center .characters .player .stats div img { + position: relative; + margin-right: 4px; + top: 3px; +} +.game_inner__left .center .characters .enemy { + position: relative; + top: -134px; + left: -40px; + transition: all 0.3s; +} +.game_inner__left .center .characters .enemy.run { + opacity: 0; +} +.game_inner__left .center .characters .enemy, +.game_inner__left .center .characters .player { + width: 50%; + float: left; +} +.game_inner__left .center .enemy { + width: 100px; +} +.game_inner__left .center .enemy_hit, .game_inner__left .center .enemy_gold, .game_inner__left .center .enemy_xp { + position: absolute; + left: 98px; + top: 40px; + z-index: 1; + opacity: 0; +} +.game_inner__left .center .enemy_hit.pressed, .game_inner__left .center .enemy_gold.pressed, .game_inner__left .center .enemy_xp.pressed { + -webkit-animation: hit 0.15s forwards; + animation: hit 0.15s forwards; +} +.game_inner__left .center .enemy_gold.killed { + -webkit-animation: hit 0.3s 0.1s forwards; + animation: hit 0.3s 0.1s forwards; +} +.game_inner__left .center .enemy_xp { + left: 0; + right: 0; +} +.game_inner__left .center .enemy_xp.killed { + -webkit-animation: hit 0.3s 0.12s forwards; + animation: hit 0.3s 0.12s forwards; +} +.game_inner__left .center .enemy_sprite { + background: url("https://assets.codepen.io/217233/ssEnemyIdle_1.png"); + -webkit-animation: none; + animation: none; + width: 200px; + -webkit-animation: enemyIdle 0.5s steps(7, end) infinite; + animation: enemyIdle 0.5s steps(7, end) infinite; + transform: scaleX(-5) scaleY(5); + position: relative; +} +.game_inner__left .center .enemy_sprite.boss { + background: url("https://assets.codepen.io/217233/ktkTrostIdle.png"); + -webkit-animation: bossIdle 1s steps(7, end) infinite; + animation: bossIdle 1s steps(7, end) infinite; + width: 160px; + top: 10px; + left: 40px; + height: 105px; + filter: hue-rotate(0deg) !important; +} +.game_inner__left .center .enemy_sprite.boss.pressed { + -webkit-animation: bossHit 0.15s steps(3, end); + animation: bossHit 0.15s steps(3, end); +} +.game_inner__left .center .enemy_sprite.boss.killed { + -webkit-animation: bossKilled 0.8s steps(5, end); + animation: bossKilled 0.8s steps(5, end); +} +.game_inner__left .center .enemy_sprite.pressed { + -webkit-animation: enemyHit 0.15s steps(3, end); + animation: enemyHit 0.15s steps(3, end); +} +.game_inner__left .center .enemy_sprite.killed { + -webkit-animation: enemyKilled 0.8s steps(5, end); + animation: enemyKilled 0.8s steps(5, end); +} +.game_inner__left .center .enemy_health { + width: 190px; + height: 12px; + position: absolute; + left: 0; + font-size: 13px; + right: 0; + line-height: 39px; + border-radius: 10px; + top: 10px; + padding-top: 0px; + margin: auto; + background: url(https://assets.codepen.io/217233/ktkEnemyHealth.png); + -webkit-animation: health 2s infinite; + animation: health 2s infinite; +} +.game_inner__left .center .enemy_health_stats { + font-size: 7px; + padding-top: 6px; + text-align: left; +} +.game_inner__left .center .enemy_health_stats .name { + float: left; +} +.game_inner__left .center .enemy_health_stats .level { + float: right; +} +.game_inner__left .center .enemy_health_inner { + position: absolute; + left: 4px; + top: 3px; + height: 5px; + border-radius: 10px; + transition: all 0.1s; + max-width: 182px; + background: url(https://assets.codepen.io/217233/ktkEnemyHealthInner.png); +} +.game_inner__left .spaceBar { + width: 390px; + margin-top: 50px; + height: 50px; + background: white; + position: relative; + top: 0; + border-radius: 6px; + box-shadow: 0 10px #d6d6d6; + -webkit-animation: press2 0.1s forwards; + animation: press2 0.1s forwards; +} +@-webkit-keyframes health { + 0% { + top: 10px; + } + 50% { + top: 13px; + } + 100% { + top: 10px; + } +} +@keyframes health { + 0% { + top: 10px; + } + 50% { + top: 13px; + } + 100% { + top: 10px; + } +} +@-webkit-keyframes idle { + 0% { + background: url("https://assets.codepen.io/217233/ssIdle.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ssIdle.png"); + background-position: 100% 0; + } +} +@keyframes idle { + 0% { + background: url("https://assets.codepen.io/217233/ssIdle.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ssIdle.png"); + background-position: 100% 0; + } +} +@-webkit-keyframes attack { + 0% { + background: url("https://assets.codepen.io/217233/ssAttack1.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ssAttack1.png"); + background-position: 100% 0; + } +} +@keyframes attack { + 0% { + background: url("https://assets.codepen.io/217233/ssAttack1.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ssAttack1.png"); + background-position: 100% 0; + } +} +@-webkit-keyframes enemyIdle { + 0% { + background: url("https://assets.codepen.io/217233/ssEnemyIdle_1.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ssEnemyIdle_1.png"); + background-position: 100% 0; + } +} +@keyframes enemyIdle { + 0% { + background: url("https://assets.codepen.io/217233/ssEnemyIdle_1.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ssEnemyIdle_1.png"); + background-position: 100% 0; + } +} +@-webkit-keyframes bossIdle { + 0% { + background: url("https://assets.codepen.io/217233/ktkTrostIdle.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ktkTrostIdle.png"); + background-position: 100% 0; + } +} +@keyframes bossIdle { + 0% { + background: url("https://assets.codepen.io/217233/ktkTrostIdle.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ktkTrostIdle.png"); + background-position: 100% 0; + } +} +@-webkit-keyframes bossHit { + 0% { + background: url("https://assets.codepen.io/217233/ktkTrostHit.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ktkTrostHit.png"); + background-position: 100% 0; + } +} +@keyframes bossHit { + 0% { + background: url("https://assets.codepen.io/217233/ktkTrostHit.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ktkTrostHit.png"); + background-position: 100% 0; + } +} +@-webkit-keyframes bossKilled { + 0% { + background: url("https://assets.codepen.io/217233/ktkTrostKilled.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ktkTrostKilled.png"); + background-position: 100% 0; + } +} +@keyframes bossKilled { + 0% { + background: url("https://assets.codepen.io/217233/ktkTrostKilled.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ktkTrostKilled.png"); + background-position: 100% 0; + } +} +@-webkit-keyframes enemyHit { + 0% { + background: url("https://assets.codepen.io/217233/ssEnemyHit_1.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ssEnemyHit_1.png"); + background-position: 100% 0; + } +} +@keyframes enemyHit { + 0% { + background: url("https://assets.codepen.io/217233/ssEnemyHit_1.png"); + background-position: 0% 0; + } + 100% { + background: url("https://assets.codepen.io/217233/ssEnemyHit_1.png"); + background-position: 100% 0; + } +} +@-webkit-keyframes enemyKilled { + 0% { + background: url("https://assets.codepen.io/217233/ssEnemyDeath_1.png"); + background-position: 0% 0; + opacity: 1; + } + 100% { + background: url("https://assets.codepen.io/217233/ssEnemyDeath_1.png"); + background-position: 100% 0; + opacity: 0; + } +} +@keyframes enemyKilled { + 0% { + background: url("https://assets.codepen.io/217233/ssEnemyDeath_1.png"); + background-position: 0% 0; + opacity: 1; + } + 100% { + background: url("https://assets.codepen.io/217233/ssEnemyDeath_1.png"); + background-position: 100% 0; + opacity: 0; + } +} +@-webkit-keyframes hit { + 0% { + top: 40px; + opacity: 0; + } + 100% { + top: -30px; + opacity: 1; + } +} +@keyframes hit { + 0% { + top: 40px; + opacity: 0; + } + 100% { + top: -30px; + opacity: 1; + } +} +@-webkit-keyframes hit-1 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 368px; + bottom: 65px; + opacity: 0; + } +} +@keyframes hit-1 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 368px; + bottom: 65px; + opacity: 0; + } +} +@-webkit-keyframes hit-2 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 266px; + bottom: 4px; + opacity: 0; + } +} +@keyframes hit-2 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 266px; + bottom: 4px; + opacity: 0; + } +} +@-webkit-keyframes hit-3 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 220px; + bottom: 30px; + opacity: 0; + } +} +@keyframes hit-3 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 220px; + bottom: 30px; + opacity: 0; + } +} +@-webkit-keyframes hit-4 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 341px; + bottom: 8px; + opacity: 0; + } +} +@keyframes hit-4 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 341px; + bottom: 8px; + opacity: 0; + } +} +@-webkit-keyframes hit-5 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 305px; + bottom: 71px; + opacity: 0; + } +} +@keyframes hit-5 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 305px; + bottom: 71px; + opacity: 0; + } +} +@-webkit-keyframes hit-6 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 307px; + bottom: 12px; + opacity: 0; + } +} +@keyframes hit-6 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 307px; + bottom: 12px; + opacity: 0; + } +} +@-webkit-keyframes hit-7 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 391px; + bottom: 13px; + opacity: 0; + } +} +@keyframes hit-7 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 391px; + bottom: 13px; + opacity: 0; + } +} +@-webkit-keyframes hit-8 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 81px; + bottom: 45px; + opacity: 0; + } +} +@keyframes hit-8 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 81px; + bottom: 45px; + opacity: 0; + } +} +@-webkit-keyframes hit-9 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 401px; + bottom: 22px; + opacity: 0; + } +} +@keyframes hit-9 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 401px; + bottom: 22px; + opacity: 0; + } +} +@-webkit-keyframes hit-10 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 409px; + bottom: 82px; + opacity: 0; + } +} +@keyframes hit-10 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 409px; + bottom: 82px; + opacity: 0; + } +} +@-webkit-keyframes hit-11 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 376px; + bottom: 46px; + opacity: 0; + } +} +@keyframes hit-11 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 376px; + bottom: 46px; + opacity: 0; + } +} +@-webkit-keyframes hit-12 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 108px; + bottom: 85px; + opacity: 0; + } +} +@keyframes hit-12 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 108px; + bottom: 85px; + opacity: 0; + } +} +@-webkit-keyframes hit-13 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 102px; + bottom: 96px; + opacity: 0; + } +} +@keyframes hit-13 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 102px; + bottom: 96px; + opacity: 0; + } +} +@-webkit-keyframes hit-14 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 320px; + bottom: 88px; + opacity: 0; + } +} +@keyframes hit-14 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 320px; + bottom: 88px; + opacity: 0; + } +} +@-webkit-keyframes hit-15 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 441px; + bottom: 84px; + opacity: 0; + } +} +@keyframes hit-15 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 441px; + bottom: 84px; + opacity: 0; + } +} +@-webkit-keyframes hit-16 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 251px; + bottom: 18px; + opacity: 0; + } +} +@keyframes hit-16 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 251px; + bottom: 18px; + opacity: 0; + } +} +@-webkit-keyframes hit-17 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 195px; + bottom: 77px; + opacity: 0; + } +} +@keyframes hit-17 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 195px; + bottom: 77px; + opacity: 0; + } +} +@-webkit-keyframes hit-18 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 96px; + bottom: 83px; + opacity: 0; + } +} +@keyframes hit-18 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 96px; + bottom: 83px; + opacity: 0; + } +} +@-webkit-keyframes hit-19 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 202px; + bottom: 65px; + opacity: 0; + } +} +@keyframes hit-19 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 202px; + bottom: 65px; + opacity: 0; + } +} +@-webkit-keyframes hit-20 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 262px; + bottom: 12px; + opacity: 0; + } +} +@keyframes hit-20 { + 0% { + left: 0px; + bottom: 0px; + opacity: 1; + } + 60% { + opacity: 1; + } + 100% { + left: 262px; + bottom: 12px; + opacity: 0; + } +} +.game_inner__left .spaceBar.pressed { + -webkit-animation: press 0.05s forwards; + animation: press 0.05s forwards; +} +.game_inner__right { + float: right; + position: fixed; + width: 720px; + background: #160917; + left: 0; + right: 0; + border-radius: 10px; + border: 2px solid white; + z-index: 999; + top: 50%; + box-shadow: 0 0 0 1160px #0a0209d1; + margin: auto; + transform: translateY(-50%); +} +.game_inner__right p { + text-align: left; + font-size: 10px; + padding: 26px; +} +.game_inner__right .xp { + padding: 0 26px; + font-size: 12px; +} +.game_inner__right .nextPhase { + background: #73256a; + width: calc(100% - 52px); + margin: 0 26px 26px 26px; + text-align: center; + font-size: 12px; + padding: 20px 0; + border-radius: 10px; + cursor: pointer; + box-shadow: 0 4px #3d074e; +} +.game_inner__right .upgrades { + padding: 24px; +} +.game_inner__right .upgrades h2 { + text-transform: capitalize; + margin-bottom: 12px; + font-weight: normal; + font-size: 14px; +} +.game_inner__right .upgrades_upgrade .upgrade { + border: 2px solid white; + padding: 12px; + border-radius: 6px; + opacity: 0.6; + transition: all 0.3s; + pointer-events: none; + position: relative; + margin-bottom: 6px; + font-size: 11px; +} +.game_inner__right .upgrades_upgrade .upgrade:hover { + background: #ffffff0f; + padding: 12px 12px 12px 20px; +} +.game_inner__right .upgrades_upgrade .upgrade.max { + background: black; + pointer-events: none; +} +.game_inner__right .upgrades_upgrade .upgrade.max:after { + content: "max"; + display: block; + position: absolute; + left: 0; + right: 0; + text-align: center; + margin: auto; + top: 50%; + transform: translateY(-50%); + width: 100%; + text-transform: uppercase; +} +.game_inner__right .upgrades_upgrade .upgrade.max div { + opacity: 0.12; +} +.game_inner__right .upgrades_upgrade .upgrade.bought { + pointer-events: none !important; + background: green; + opacity: 0.2 !important; +} +.game_inner__right .upgrades_upgrade .upgrade .name { + font-size: 11px; + margin-bottom: 5px; + text-transform: uppercase; +} +.game_inner__right .upgrades_upgrade .upgrade .description { + font-size: 8px; + opacity: 0.5; + margin-bottom: 4px; +} +.game_inner__right .upgrades_upgrade .upgrade .cost { + font-size: 8px; + color: red; + transition: all 0.3s; + margin-bottom: 3px; +} +.game_inner__right .upgrades_upgrade .upgrade .level { + font-size: 8px; + position: absolute; + right: 12px; + bottom: 12px; +} +.game_inner__right .upgrades_upgrade .upgrade .effect { + font-size: 8px; +} +.game_inner__right .upgrades_upgrade .upgrade.available { + opacity: 1; + pointer-events: all; + cursor: pointer; +} +.game_inner__right .upgrades_upgrade .upgrade.available .cost { + color: green; +} + +.timer { + width: 128px; + margin: 0 auto; + text-align: left; + position: absolute; + top: calc(50% - 400px); + left: 4px; + right: 0; + font-size: 14px; + margin: auto; +} +.timer_inner { + position: relative; + top: -40px; + text-align: center; +} +.timer_inner div { + display: inline-block; + width: 28px; + position: relative; + margin: 0 3px 0; +} +.timer_inner div:after { + display: block; + content: ":"; + position: absolute; + right: -11px; + top: 50%; + transform: translateY(-50%); +} +.timer_inner .ms { + font-size: 9px; + opacity: 0.7; + width: 22px; +} +.timer_inner .ms:after { + display: none; +} \ No newline at end of file diff --git a/dist/admin/games/lighthouse/index.html b/dist/admin/games/lighthouse/index.html new file mode 100644 index 0000000..3850650 --- /dev/null +++ b/dist/admin/games/lighthouse/index.html @@ -0,0 +1,214 @@ + + + + + Lighthouse. + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + +
+ + + + + + + + +
+ + + + + + + + +
+ + + + + +
+ + + + +
+ + + + +
+ + + + +
+ + +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+ +
+ + + + +

NICE ONE!

+

You built a lighthouse before nightfall!

+

The ships and islanders are safe!

+ + + + + +

GAME OVER!

+

I'm afraid I have some very bad news...

+

A ship has crashed into your beautiful island.

+

Everybody is dead!

+

Soz! You should build a lighthouse.

+ Try Again + + + +
+ +
+ + + + + + diff --git a/dist/admin/games/lighthouse/script.js b/dist/admin/games/lighthouse/script.js new file mode 100644 index 0000000..dde3155 --- /dev/null +++ b/dist/admin/games/lighthouse/script.js @@ -0,0 +1,5 @@ +// 100% CSS. No artificial colours or ingredients. + +// First person to screenshot a lighthouse wins! + +// Your time starts now... \ No newline at end of file diff --git a/dist/admin/games/lighthouse/style.css b/dist/admin/games/lighthouse/style.css new file mode 100644 index 0000000..4244b45 --- /dev/null +++ b/dist/admin/games/lighthouse/style.css @@ -0,0 +1,29245 @@ +@charset "UTF-8"; +.house.row3:checked ~ div, +.shed.row3:checked ~ div { + filter: hue-rotate(-20deg); +} + +.house.row2:checked ~ div, +.shed.row2:checked ~ div { + filter: hue-rotate(-35deg); +} + +.house.row1:checked ~ div, +.shed.row1:checked ~ div { + filter: hue-rotate(-50deg); +} + +html { + font-size: 0.97vh; + width: 100%; + height: 100%; + background: #f3cece; + overflow: hidden; +} + +body { + margin: 0; + overflow: hidden; + width: 100%; + height: 100%; + background: linear-gradient(rgba(96, 139, 136, 0.5), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); + box-shadow: inset 0 0 5rem 0 #252529; +} +body, +body *, +body *:before, +body *:after { + display: block; + top: 0; + left: 0; + box-sizing: border-box; + position: absolute; + content: ""; +} + +div, +house, +shed, +hbtn, +sbtn { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + width: 50rem; + height: 50rem; + display: flex; + flex-wrap: wrap; + align-content: flex-start; +} +div label, +house label, +shed label, +hbtn label, +sbtn label { + width: calc(50rem / 4); + height: calc(50rem / 4); + position: relative; + border: none; + background: none; + padding: 0; + margin: 0; + display: inline; + cursor: pointer; + box-shadow: 0 0 0 2rem rgba(255, 255, 255, 0); +} +div label *, +div label *:before, +div label *:after, +house label *, +house label *:before, +house label *:after, +shed label *, +shed label *:before, +shed label *:after, +hbtn label *, +hbtn label *:before, +hbtn label *:after, +sbtn label *, +sbtn label *:before, +sbtn label *:after { + transform: translate3d(0, 0, 0); + z-index: 1; + left: 0; + top: 0; + background: none; + border: none; + box-shadow: none; + pointer-events: none; +} +div label > i:nth-of-type(1):before, div label > i:nth-of-type(1):after, +house label > i:nth-of-type(1):before, +house label > i:nth-of-type(1):after, +shed label > i:nth-of-type(1):before, +shed label > i:nth-of-type(1):after, +hbtn label > i:nth-of-type(1):before, +hbtn label > i:nth-of-type(1):after, +sbtn label > i:nth-of-type(1):before, +sbtn label > i:nth-of-type(1):after { + filter: blur(0.5rem); + border: 1rem solid rgba(111, 111, 122, 0.75); + width: 5rem; + height: 5rem; + background: #6f6f7a; + opacity: 0; + border-radius: 50%; + box-shadow: 2rem -1.5rem 0 1rem rgba(111, 111, 122, 0.75), 3rem -2rem 0 1.5rem rgba(111, 111, 122, 0.5); +} + +colour { + width: 100%; + height: 100%; +} +colour input, +colour br { + position: relative; + display: inline-block; + opacity: 0.2; + top: 1rem; + left: 1rem; + transform: scale(0.75); + margin: -0.2rem; +} +@media (max-width: 900px) { + colour input, +colour br { + display: none; + } +} +colour input:checked { + opacity: 1; +} +colour br { + display: block; +} + +input { + display: none; +} + +div.main { + -webkit-box-reflect: below 4rem; +} + +div.ss { + pointer-events: none; +} + +sbtn { + height: calc(50rem - (50rem / 4)); + bottom: auto; +} +sbtn label { + border: solid 1px rgba(116, 116, 116, 0.1); +} +sbtn label:nth-of-type(1) { + border-radius: 3rem 0 0 0; +} +sbtn label:nth-of-type(4) { + border-radius: 0 3rem 0 0; +} +sbtn label:hover { + border-color: #555; +} + +hbtn label:nth-of-type(n + 12) { + border: solid 1px rgba(116, 116, 116, 0.1); +} +hbtn label:nth-of-type(n + 12):hover { + border-color: #555; +} + +@keyframes smoke { + 0% { + transform: scale(0.2) translate3d(0, 0, 0) rotate(-15deg); + opacity: 0.075; + } + 50% { + transform: scale(1) translate3d(2rem, -4rem, 0) rotate(0); + opacity: 0.15; + } + 100% { + transform: scale(2) translate3d(5rem, -5rem, 0) rotate(10deg); + opacity: 0; + } +} +island { + position: absolute; + top: 76rem; + top: 49.25rem; + left: -50%; + right: -50%; + margin: auto; + width: 80rem; + height: 5rem; + background: #71bc2f; + border-radius: 55% 55% 45% 45%; +} + +grass { + position: absolute; + z-index: 500; + top: 76rem; + top: 49.25rem; + left: -50%; + right: -50%; + margin: auto; + width: 80rem; + height: 5rem; + -webkit-box-reflect: below -5rem; + transform: skewX(0); +} +grass:after, grass:before { + top: 0.75rem; + left: 0.6rem; + z-index: 100; + width: 0.5rem; + height: 1.75rem; + transform: skewY(60deg); + background: #71bc2f; + box-shadow: 1rem -1.6rem 0 #71bc2f, 2.1rem -3.6rem 0 #71bc2f, 2.9rem -4.8rem 0 #71bc2f, 4rem -7rem 0 #71bc2f; + filter: drop-shadow(5rem -8.3rem 0 #71bc2f) drop-shadow(10rem -17.3rem 0 #71bc2f) drop-shadow(20rem -34.5rem 0 #71bc2f) drop-shadow(40rem -69rem 0 #71bc2f); +} +grass:before { + transform: skewY(-60deg); + box-shadow: 1rem 1.6rem 0 #71bc2f, 2.1rem 3.6rem 0 #71bc2f, 2.9rem 4.8rem 0 #71bc2f, 4rem 7rem 0 #71bc2f; + filter: drop-shadow(5rem 8.3rem 0 #71bc2f) drop-shadow(10rem 17.3rem 0 #71bc2f) drop-shadow(20rem 34.5rem 0 #71bc2f) drop-shadow(40rem 69rem 0 #71bc2f); + left: 0; + top: 1.5rem; +} + +@keyframes grass { + 100% { + transform: skewX(5deg); + } +} +input:focus ~ div > div { + animation: thud 0.1s linear; +} + +@keyframes thud { + 0% { + transform: translate3d(0, 1rem, 0); + } + 60% { + transform: translate3d(0, -0.5rem, 0); + } + 80% { + transform: translate3d(0, 0.25rem, 0); + } +} +sig { + z-index: 500; + opacity: 0.2; + font-size: 0.5rem; + color: #000; + width: 10em; + top: auto; + left: auto; + bottom: 1em; + right: 1em; + transform: skewX(10deg) scaleY(0.45) rotate(2deg); +} +sig, +sig * { + height: 9.25em; + overflow: hidden; + border-radius: 0.5em; +} +sig:before, +sig *:before { + width: 5em; + height: 5em; + background: currentColor; + transform: translate3d(-2.5em, 0, 0) rotate(-45deg); + box-shadow: -3em 3em 0 0 currentColor; + border-radius: 0.5em 2em 0.5em 2em; +} +sig * { + width: 5em; + transform: translate3d(3.75em, 0, 0) scaleY(0.95); + display: block !important; +} +sig *:before { + transform: translate3d(-3em, -2em, 0) rotate(-45deg); + box-shadow: -3em 3em 0 0 currentColor, -6em 6em 0 0 currentColor; + border-radius: 0.5em; +} + +text { + width: 95%; + max-width: 70rem; + bottom: 25%; + color: #e7a59d; + right: 0; + margin: auto; + height: 1rem; + font-size: 2.5rem; + text-align: center; + font-family: Telefon, Sans-Serif; + z-index: -1; + transform: scale(0); + font-weight: 100; + letter-spacing: 0.1rem; + opacity: 0; +} +text welldone, +text gameover { + box-shadow: 0 0 5rem #ff7700, inset 0 0 0 0.5rem #fff; + background: rgba(32, 17, 42, 0.95); + padding: 5rem; + border-radius: 5rem; + border: 1rem solid #20112a; +} +text welldone { + display: none; +} +text * { + position: static; +} +text p:nth-of-type(1) { + font-size: 4rem; +} +text p:nth-of-type(odd) { + color: #bc2f38; +} +text label { + position: absolute; + left: auto; + right: 3rem; + top: 3rem; + color: #bc2f38; + padding: 2rem; + border-radius: 2rem; + box-shadow: 0 0 1rem rgba(255, 255, 255, 0); + cursor: pointer; + transition: box-shadow 0.25s ease-in-out; + box-sizing: border-box; + line-height: 1; +} +text label:hover, text label:focus { + box-shadow: 0 0 0.15rem #fff; +} +text a { + padding: 0.5rem 1rem; + border-radius: 1rem; + text-decoration: none; + background: #bc2f38; + color: #20112a; + box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0), inset 0 0 0 0 rgba(255, 255, 255, 0.2); + transition: all 0.2s ease-in-out; +} +text a:hover, text a:focus { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), inset 0 0 0 3rem rgba(255, 255, 255, 0.2); +} + +#done:checked ~ text { + transform: scale(0) !important; + transition: all 0.5s ease-in-out; + opacity: 0; +} + +colour > *:not(.lh):not(text) { + filter: hue-rotate(0deg) brightness(100%); + animation: set 400s linear infinite; +} + +@media screen and (max-device-width: 480px) { + colour > *:not(.lh):not(text) { + animation: none; + } +} +@keyframes set { + 15%, 85% { + filter: hue-rotate(0deg) brightness(100%); + } + 30%, 70% { + filter: hue-rotate(-20deg) brightness(10%); + } + 40%, 60% { + filter: hue-rotate(-40deg) brightness(50%); + } +} +stars { + width: 220rem; + height: 100%; + position: absolute; + top: 0; + left: 0; + right: 0; + margin: auto; + animation: stars 400s linear infinite; + -webkit-box-reflect: below -50rem; + opacity: 0; + z-index: 0; +} +stars:before { + width: 0.5rem; + height: 0.5rem; + box-shadow: 192vmin 39vmin 0 -.2rem #f9b9c8 , 13vmin 52vmin 0 -.2rem #a98bfc , 196vmin 38vmin 0 -.2rem #8dfc8b , 141vmin 40vmin 0 -.2rem #fc8bf7 , 196vmin 52vmin 0 -.2rem #8bbafc , 144vmin 7vmin 0 -.1rem #cf8bfc , 6vmin 51vmin 0 -.2rem #fcb88b , 180vmin 45vmin 0 -.2rem #8bfcf4 , 96vmin 25vmin 0 -.2rem #968bfc , 186vmin 22vmin 0 -.2rem #8bfcbc , 52vmin 3vmin 0 -.2rem #f7fc8b , 15vmin 50vmin 0 -.1rem #cf8bfc , 26vmin 9vmin 0 -.2rem #dafc8b , 92vmin 8vmin 0 -.1rem #8bfceb , 48vmin 5vmin 0 -.1rem #8bfcd4 , 39vmin 28vmin 0 -.1rem #928bfc , 173vmin 39vmin 0 -.2rem #fc8bba , 193vmin 37vmin 0 -.2rem #fcda8b , 144vmin 47vmin 0 -.1rem #8bfcf1 , 92vmin 11vmin 0 -.1rem #8bfcc0 , 156vmin 59vmin 0 -.1rem #ebfc8b , 10vmin 46vmin 0 -.1rem #8bd7fc , 75vmin 34vmin 0 -.1rem #8bc7fc , 194vmin 32vmin 0 -.1rem #8b96fc , 22vmin 38vmin 0 -.2rem #fcde8b , 9vmin 50vmin 0 -.1rem #fc8bba , 56vmin 24vmin 0 -.1rem #b5fc8b , 95vmin 55vmin 0 -.1rem #8badfc , 165vmin 56vmin 0 -.1rem #fc8bc4 , 163vmin 53vmin 0 -.1rem #fc8bfc , 188vmin 32vmin 0 -.1rem #8bfcdc , 168vmin 14vmin 0 -.1rem #fc8b93 , 154vmin 49vmin 0 -.2rem #b88bfc , 151vmin 53vmin 0 -.2rem #fc988b , 57vmin 22vmin 0 -.1rem #fc8bc4 , 99vmin 52vmin 0 -.2rem #9c8bfc , 150vmin 39vmin 0 -.1rem #a2fc8b , 35vmin 4vmin 0 -.1rem #8bfcda , 145vmin 3vmin 0 -.1rem #fc988b , 98vmin 34vmin 0 -.2rem #8b91fc , 165vmin 6vmin 0 -.1rem #fcd28b , 168vmin 27vmin 0 -.1rem #8be0fc , 119vmin 49vmin 0 -.2rem #fc8b9e , 146vmin 35vmin 0 -.1rem #adfc8b , 51vmin 47vmin 0 -.1rem #8bfcc9 , 191vmin 33vmin 0 -.2rem #fc948b , 59vmin 3vmin 0 -.2rem #9efc8b , 195vmin 28vmin 0 -.2rem #fcba8b , 155vmin 1vmin 0 -.2rem #e7fc8b , 130vmin 57vmin 0 -.1rem #f68bfc; + border-radius: 50%; + content: ""; + position: absolute; + top: 5rem; + left: 5rem; +} +stars i:before, stars i:after { + width: 0.5rem; + height: 0.5rem; + top: 40rem; + left: 40rem; + background: #fff; + border-radius: 50%; + animation: stars 1s linear infinite; + opacity: 0.5; + box-shadow: 0 0 1rem #fff; +} +stars i:after { + top: 20rem; + left: 180rem; + animation: stars 1s 0.5s linear infinite; + background: #f9b9c8; +} + +sky { + width: 100%; + height: 78.5rem; + overflow: hidden; + -webkit-box-reflect: below 0; + z-index: 0; +} +sky:before, sky:after { + width: 100%; + height: 100%; + background: linear-gradient(#323248 10%, #fbd447, #d8480f); + opacity: 0; + animation: sky 400s linear infinite; +} +sky:after { + background: linear-gradient(#19043f, #1a0f6c); +} + +time { + pointer-events: none; +} +time, +time sun { + width: 170rem; + height: 170rem; + left: -100%; + right: -100%; + top: -100%; + bottom: -170%; + margin: auto; +} +time sun { + bottom: -100%; + transform: rotate(0deg); + z-index: 1; + animation: sun 400s linear infinite; + filter: blur(1rem) brightness(400%); +} +time sun:before { + width: 25rem; + height: 25rem; + border-radius: 50%; + background: radial-gradient(#bc3d2f, #bc2f2f); + right: 0; + margin: auto; + transform: rotate(0deg); +} +time sun:after { + width: 10rem; + height: 10rem; + border-radius: 50%; + box-shadow: inset 0 2rem 0 #5a4e38; + background: rgba(0, 0, 0, 0.1); + left: 60%; + top: auto; + bottom: 0; + transform: rotate(0deg); + z-index: 1; +} + +@media (max-width: 500px) { + time, +input { + display: none; + } +} +div.ss lens { + top: 20rem; + left: 70rem; + animation: lensflair 400s linear infinite; + width: 60rem; + height: 60rem; + filter: brightness(150%); + transform: rotate(0); + opacity: 0; +} +div.ss lens:before { + width: 60rem; + height: 60rem; + border-radius: 50%; + top: 0; + right: -50%; + left: -50%; + margin: auto; + box-shadow: 0 70rem 0 -20rem yellow, 0 50rem 0 -25rem yellow, 0 100rem 0 5rem #f437c5, inset 0 0 3rem #ff7700; + border: 1rem solid #ff7700; +} +div.ss lens:after { + width: 100rem; + height: 100rem; + border-radius: 50%; + top: 140rem; + right: -50%; + left: -50%; + margin: auto; + border: 1rem solid yellow; + box-shadow: 0 0 3rem red, inset 0 0 3rem blue; +} + +@keyframes lensflair { + 20%, 30%, 70%, 80% { + opacity: 0; + } + 25%, 75% { + opacity: 0.05; + } + 100% { + transform: rotate(360deg); + opacity: 0; + } +} +@keyframes sun { + 20%, 80% { + filter: blur(1rem) brightness(390%); + } + 27%, 73% { + filter: blur(1rem) brightness(200%); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes stars { + 50% { + opacity: 1; + } +} +@keyframes sky { + 20%, 85% { + filter: brightness(100%); + opacity: 0; + } + 30%, 70% { + filter: brightness(100%); + opacity: 1; + } + 40%, 60% { + filter: brightness(20%); + opacity: 1; + } +} +sunset { + width: 150%; + height: 20rem; + left: -25%; + top: 60rem; + background: radial-gradient(farthest-side at 70% 100%, #ff6400, rgba(255, 255, 255, 0)); + filter: blur(1rem); + -webkit-box-reflect: below 0; + animation: sunset 400s linear infinite; + opacity: 0; + transform: translate3d(0, 20rem, 0); +} +sunset:before { + width: 100rem; + height: 50rem; + left: 55%; + top: -10rem; + border-radius: 50%; + background: radial-gradient(#ff6400, rgba(255, 255, 255, 0)); + opacity: 0.1; +} +sunset:after { + width: 50rem; + height: 25rem; + left: 65%; + top: 5rem; + border-radius: 50%; + background: radial-gradient(#fffd91, rgba(255, 255, 255, 0)); + opacity: 0.1; +} + +@keyframes sunset { + 28%, 75% { + opacity: 1; + transform: translate3d(0, 0, 0); + } + 20%, 35%, 70%, 80% { + opacity: 0; + transform: translate3d(0, 20rem, 0); + } +} +text:nth-of-type(2) { + animation: gameover 400s linear; +} + +@keyframes gameover { + 34.8% { + transform: scale(0); + z-index: 0; + display: block; + opacity: 0; + } + 35%, 100% { + transform: scale(1); + z-index: 410; + transition: all 0.5s 1.5s ease-in-out; + opacity: 1; + } +} +tree:nth-of-type(1) { + width: 10rem; + height: 60.5rem; + top: -10rem; + transform: skew(-2deg); + border-radius: 0 50% 2rem 0; + box-shadow: 0.5rem 0 0 #683f44, 1rem 0 0 #885259, 3rem 0 0 #683f44, 5rem 0 0 #20112a; +} +tree:nth-of-type(1):before { + left: 16rem; + width: 10rem; + height: 60.5rem; + box-shadow: -2rem 0 0 #20112a, -3rem 0 0 #683f44, -4rem 0 0 #20112a; + border-radius: 50% 0 0 2rem; + transform: skew(4deg); +} +tree:nth-of-type(1):after { + top: -4rem; + width: 10rem; + height: 5rem; + border-radius: 60% 60% 40% 40%/70% 70% 40% 40%; + background: #8bbc2f; + box-shadow: inset -1rem -1rem 1rem rgba(104, 63, 68, 0.1), 13rem 0 0 -0.2rem rgba(104, 63, 68, 0.1), 9rem 1rem 0 -1rem rgba(104, 63, 68, 0.1), -2rem -3rem 0 1rem rgba(104, 63, 68, 0.1), 5rem -5rem 0 -0.5rem rgba(104, 63, 68, 0.1), 7rem -4rem 0 rgba(104, 63, 68, 0.1), 11rem -2rem 0 -0.5rem rgba(104, 63, 68, 0.1), 12rem 0 0 -0.2rem #71bc2f, 8rem 1rem 0 -1rem #71bc2f, -3rem -3rem 0 1rem #9bbc2f, 4rem -5rem 0 -0.5rem #71bc2f, 6rem -4rem 0 #9bbc2f, 10rem -2rem 0 -0.5rem #71bc2f; +} + +tree:nth-of-type(2) { + width: 10rem; + height: 50.5rem; + top: 0; + left: 25rem; + transform: skew(-3deg); + border-radius: 0 50% 2rem 0; + box-shadow: 0.5rem 0 0 #683f44, 1rem 0 0 #885259, 3rem 0 0 #683f44, 5rem 0 0 #20112a; +} +tree:nth-of-type(2):before { + left: 16rem; + width: 10rem; + height: 50.5rem; + box-shadow: -1.5rem 0 0 #20112a, -2.5rem 0 0 #683f44, -3rem 0 0 #20112a; + border-radius: 50% 0 0 2rem; + transform: skew(4deg); +} +tree:nth-of-type(2):after { + top: -4rem; + left: 17rem; + width: 10rem; + height: 5rem; + border-radius: 60% 60% 40% 40%/70% 70% 40% 40%; + background: #8bbc2f; + box-shadow: inset -1rem -1rem 1rem rgba(104, 63, 68, 0.1), -19rem 1rem 0 -0.2rem rgba(104, 63, 68, 0.1), -14rem -4rem 0 -1rem rgba(104, 63, 68, 0.1), -13rem -1rem 0 1rem rgba(104, 63, 68, 0.1), -1rem -4rem 0 -0.5rem rgba(104, 63, 68, 0.1), -4rem -1rem 0 rgba(104, 63, 68, 0.1), -21rem -2rem 0 -0.5rem rgba(104, 63, 68, 0.1), -7rem -5rem 0 1rem rgba(104, 63, 68, 0.1), -20rem 1rem 0 -0.2rem #71bc2f, -15rem -4rem 0 -1rem #71bc2f, -15rem -1rem 0 1rem #9bbc2f, -2rem -4rem 0 -0.5rem #71bc2f, -5rem -1rem 0 #9bbc2f, -22rem -2rem 0 -0.5rem #71bc2f, -8rem -5rem 0 1rem #9bbc2f; +} + +tree i:nth-of-type(1), tree i:nth-of-type(1):before, tree i:nth-of-type(1):after { + width: 2.5rem; + height: 0.5rem; + background: #a3d24c; + border-radius: 0 0 100% 100%; + top: -5rem; + filter: drop-shadow(3rem 1.5rem 0 #589325) drop-shadow(1.5rem 2.5rem 0 #589325); + z-index: 1; + left: -3rem; + opacity: 0.5; +} +tree i:nth-of-type(1):before { + left: 6rem; + top: -1rem; + filter: drop-shadow(2rem 1.5rem 0 #589325); +} +tree i:nth-of-type(1):after { + left: 15rem; + top: -1.5rem; + filter: drop-shadow(2.5rem 0.5rem 0 #589325) drop-shadow(1rem 2rem 0 #589325); +} + +tree:nth-of-type(2) i:nth-of-type(1):after { + left: 20rem; +} + +tree i:nth-of-type(2), tree i:nth-of-type(2):before, tree i:nth-of-type(2):after { + width: 0.5rem; + height: 0.25rem; + background: #9bbc2f; + border-radius: 100% 0 100% 0; + top: -2rem; +} +tree i:nth-of-type(2):before { + left: 8rem; + top: -1rem; +} +tree i:nth-of-type(2):after { + left: 20rem; + top: 1.5rem; +} + +[type=radio]:focus ~ div > div > tree i:nth-of-type(1), [type=radio]:focus ~ div > div > tree:after { + animation: shake 0.3s ease-in-out; +} + +[type=radio]:focus ~ div > div > tree > i:nth-of-type(2) { + animation: fall 5s ease-in-out; +} +[type=radio]:focus ~ div > div > tree > i:nth-of-type(2):before { + animation: fall 10s ease-in-out; +} +[type=radio]:focus ~ div > div > tree > i:nth-of-type(2):before { + animation: fall 5s ease-in-out; +} + +@keyframes shake { + 40% { + transform: translate3d(0, 0.5rem, 0); + } + 60% { + transform: translate3d(0, -0.25rem, 0); + } + 80% { + transform: translate3d(0, 0.15rem, 0); + } +} +@keyframes fall { + 100% { + transform: translate3d(0, 15rem, 0); + opacity: 0; + } +} +water { + position: absolute; + top: 78.5rem; + bottom: 0; + left: -100%; + right: -100%; + margin: auto; + width: 100%; + height: 25rem; + background: linear-gradient(rgba(96, 139, 136, 0.5), #f3cece); + z-index: 99; + overflow: hidden; + box-shadow: inset 0 0 5rem 0 rgba(37, 37, 41, 0.5); +} +water:before, water:after, +water i { + width: 80rem; + height: 3rem; + border-radius: 50%; + opacity: 0.2; + right: 0; + margin: auto; + transform: scaleX(1) scaleY(0); + top: -1.5rem; + border: 0.5rem solid #fff; + box-shadow: 0 0 1rem 0.5rem #040b27, inset 0 0 1rem 1rem #040b27, inset 0 0 1rem #fff; +} +water:before { + animation: waves 6s ease-in-out infinite; +} +water:after { + animation: waves 8s 2s ease-in-out infinite; +} + +input:focus ~ water > i { + animation: waves 3s 0.25s ease-out; +} + +@keyframes waves { + 100% { + transform: scaleX(1.5) scaleY(7); + opacity: 0; + } +} +shed > label > i:nth-of-type(5) { + width: 100%; + height: 100%; +} +shed > label > i:nth-of-type(5):after { + width: 2rem; + border-left: 0.5rem solid #252529; + border-right: 0.5rem solid #252529; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 1.5rem, #252529 1.5rem, #252529 2rem); + height: 325%; + left: -1.5rem; + transform: rotate(-1deg); + top: 10.5rem; + display: none; +} +shed > label > i:nth-of-type(5):before { + width: 13rem; + height: 3rem; + top: 10.5rem; + left: 12.5rem; + border: 0.5rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #683f44; + box-shadow: 0 0.25rem 0 #683f44; + transform: rotate(-3deg); + border-radius: 50%; + display: none; +} +shed > label:nth-of-type(n + 5) > i:nth-of-type(5):after { + height: 225%; +} +shed > label:nth-of-type(n + 9) > i:nth-of-type(5):after { + height: 15rem; +} +shed > label:nth-of-type(even) > i:nth-of-type(5):after { + left: 10rem; + transform: rotate(2deg); +} + +.hs.row1.col1:checked ~ div > div > shed > .row1.col1:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1):before, .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { + display: block; +} + +.hs.row1.col1:checked ~ div > div > shed > .row2.col1:after, .hs.row1.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after, .hs.row1.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1) { + display: none; +} + +.hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(3):before, .hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(2), .hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(5):after { + display: none; +} +.hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(3) { + height: 0; +} +.hs.row1.col1:checked ~ div > div > shed > .row0.col1 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 1rem; +} + +.hs.shed.row1.col-2:not(:checked) ~ .hs.row1.col1:checked ~ .shed.hs.row1.col2:not(:checked) ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row1.col-2:not(:checked) ~ .hs.row1.col1:checked ~ .shed.hs.row1.col2:not(:checked) ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col1:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col1:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3) { + height: 0; +} +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 2rem; +} +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { + display: none; +} + +.hs.row3.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row1.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(1), .hs.row1.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):after { + display: none; +} + +.hs.row1.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1:after, +.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1:after { + width: 110%; + right: -1.25rem; +} + +.hs.row1.col2:checked ~ div > div > shed > .row1.col2:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1):before, .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: block; +} + +.hs.row1.col2:checked ~ div > div > shed > .row2.col2:after, .hs.row1.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { + display: none; +} + +.hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(3):before, .hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(2), .hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(5):after { + display: none; +} +.hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(3) { + height: 0; +} +.hs.row1.col2:checked ~ div > div > shed > .row0.col2 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 2rem; +} + +.hs.shed.row1.col-1:not(:checked) ~ .hs.row1.col2:checked ~ .shed.hs.row1.col3:not(:checked) ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row1.col-1:not(:checked) ~ .hs.row1.col2:checked ~ .shed.hs.row1.col3:not(:checked) ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3) { + height: 0; +} +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 1rem; +} +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row3.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row1.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1), .hs.row1.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { + display: none; +} + +.hs.row1.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2:after, +.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2:after { + width: 110%; + right: -1.25rem; +} + +.hs.row1.col3:checked ~ div > div > shed > .row1.col3:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1):before, .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { + display: block; +} + +.hs.row1.col3:checked ~ div > div > shed > .row2.col3:after, .hs.row1.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { + display: none; +} + +.hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(3):before, .hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(2), .hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(5):after { + display: none; +} +.hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(3) { + height: 0; +} +.hs.row1.col3:checked ~ div > div > shed > .row0.col3 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 1rem; +} + +.hs.shed.row1.col0:not(:checked) ~ .hs.row1.col3:checked ~ .shed.hs.row1.col4:not(:checked) ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row1.col0:not(:checked) ~ .hs.row1.col3:checked ~ .shed.hs.row1.col4:not(:checked) ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3) { + height: 0; +} +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 1rem; +} +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { + display: none; +} + +.hs.row3.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1), .hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after { + display: none; +} + +.hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3:after, +.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3:after { + width: 110%; + right: -1.25rem; +} + +.hs.row1.col4:checked ~ div > div > shed > .row1.col4:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1):before, .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { + display: block; +} + +.hs.row1.col4:checked ~ div > div > shed > .row2.col4:after, .hs.row1.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after, .hs.row1.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1) { + display: none; +} + +.hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(3):before, .hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(2), .hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(5):after { + display: none; +} +.hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(3) { + height: 0; +} +.hs.row1.col4:checked ~ div > div > shed > .row0.col4 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 2rem; +} + +.hs.shed.row1.col1:not(:checked) ~ .hs.row1.col4:checked ~ .shed.hs.row1.col5:not(:checked) ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row1.col1:not(:checked) ~ .hs.row1.col4:checked ~ .shed.hs.row1.col5:not(:checked) ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3) { + height: 0; +} +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 1rem; +} +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { + display: none; +} + +.hs.row3.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(1), .hs.row1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after { + display: none; +} + +.hs.row1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4:after, +.hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4:after { + width: 110%; + right: -1.25rem; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1:before { + width: 110%; +} +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2:after { + width: 120%; + left: -1.25rem; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2:before { + width: 110%; +} +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3:after { + width: 120%; + left: -1.25rem; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3:before { + width: 110%; +} +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4:after { + width: 120%; + left: -1.25rem; +} + +.hs.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col4:checked ~ .hs.shed.row1.col5:not(:checked) ~ div > div > shed > .row1.col4 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row1.col4:checked ~ .hs.shed.row1.col5:not(:checked) ~ div > div > shed > .row1.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { + display: none; +} +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):before { + width: 10.25rem; +} + +.hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after { + left: 6rem; + transform: rotate(3deg); +} +.hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { + left: 10rem; +} +.hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + left: -2.5rem; + transform: rotate(-3deg); +} + +.hs.row1.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after, .hs.row1.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1), +.hs.row1.col2:checked ~ .hs.row1.col-3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):after, +.hs.row1.col2:checked ~ .hs.row1.col-3:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(1) { + display: none; +} + +.hs.row1.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + left: 10rem; + transform: rotate(2deg); +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) { + display: none; +} +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):before { + width: 10.25rem; +} + +.hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after { + left: 6rem; + transform: rotate(3deg); +} +.hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) { + left: 10rem; +} +.hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { + left: -2.5rem; + transform: rotate(-3deg); +} + +.hs.row1.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after, .hs.row1.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1), +.hs.row1.col3:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):after, +.hs.row1.col3:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(1) { + display: none; +} + +.hs.row1.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { + left: 10rem; + transform: rotate(2deg); +} + +.hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before { + display: block; + width: 210%; +} + +.hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, +.hs.shed.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):before { + display: block; + width: 110%; +} + +.hs.row2.col2:checked ~ .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, +.hs.row2.col3:checked ~ .hs.shed.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):before, +.hs.row2.col3:checked ~ .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, +.hs.row2.col2:checked ~ .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, +.hs.shed.row2.col1:checked ~ .hs.shed.row1.col1:checked ~ .hs.shed.row1.col2:not(:checked) ~ .hs.shed.row1.col3:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):before, +.hs.shed.row2.col2:checked ~ .hs.shed.row1.col2:checked ~ .hs.shed.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):before { + top: 1rem; + border: none; +} + +.hs.row2.col1:checked ~ div > div > shed > .row2.col1:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1):before, .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { + display: block; +} + +.hs.row2.col1:checked ~ div > div > shed > .row3.col1:after, .hs.row2.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after, .hs.row2.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1) { + display: none; +} + +.hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3):before, .hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(2), .hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(5):after { + display: none; +} +.hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(3) { + height: 0; +} +.hs.row2.col1:checked ~ div > div > shed > .row1.col1 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 1rem; +} + +.hs.shed.row2.col-2:not(:checked) ~ .hs.row2.col1:checked ~ .shed.hs.row2.col2:not(:checked) ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row2.col-2:not(:checked) ~ .hs.row2.col1:checked ~ .shed.hs.row2.col2:not(:checked) ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col1:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3) { + height: 0; +} +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 2rem; +} +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { + display: none; +} + +.hs.row4.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row3.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(1), .hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):after { + display: none; +} + +.hs.row2.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1:after, +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1:after { + width: 110%; + right: -1.25rem; +} + +.hs.row2.col2:checked ~ div > div > shed > .row2.col2:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1):before, .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { + display: block; +} + +.hs.row2.col2:checked ~ div > div > shed > .row3.col2:after, .hs.row2.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { + display: none; +} + +.hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3):before, .hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(2), .hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} +.hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(3) { + height: 0; +} +.hs.row2.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 1rem; +} + +.hs.shed.row2.col-1:not(:checked) ~ .hs.row2.col2:checked ~ .shed.hs.row2.col3:not(:checked) ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row2.col-1:not(:checked) ~ .hs.row2.col2:checked ~ .shed.hs.row2.col3:not(:checked) ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3) { + height: 0; +} +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 2rem; +} +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row4.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1), .hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { + display: none; +} + +.hs.row2.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2:after, +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2:after { + width: 110%; + right: -1.25rem; +} + +.hs.row2.col3:checked ~ div > div > shed > .row2.col3:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1):before, .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { + display: block; +} + +.hs.row2.col3:checked ~ div > div > shed > .row3.col3:after, .hs.row2.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { + display: none; +} + +.hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3):before, .hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(2), .hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(5):after { + display: none; +} +.hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(3) { + height: 0; +} +.hs.row2.col3:checked ~ div > div > shed > .row1.col3 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 1rem; +} + +.hs.shed.row2.col0:not(:checked) ~ .hs.row2.col3:checked ~ .shed.hs.row2.col4:not(:checked) ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row2.col0:not(:checked) ~ .hs.row2.col3:checked ~ .shed.hs.row2.col4:not(:checked) ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3) { + height: 0; +} +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 1rem; +} +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { + display: none; +} + +.hs.row4.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1), .hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3:after, +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3:after { + width: 110%; + right: -1.25rem; +} + +.hs.row2.col4:checked ~ div > div > shed > .row2.col4:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1):before, .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { + display: block; +} + +.hs.row2.col4:checked ~ div > div > shed > .row3.col4:after, .hs.row2.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after, .hs.row2.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1) { + display: none; +} + +.hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3):before, .hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(2), .hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(5):after { + display: none; +} +.hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(3) { + height: 0; +} +.hs.row2.col4:checked ~ div > div > shed > .row1.col4 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 2rem; +} + +.hs.shed.row2.col1:not(:checked) ~ .hs.row2.col4:checked ~ .shed.hs.row2.col5:not(:checked) ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row2.col1:not(:checked) ~ .hs.row2.col4:checked ~ .shed.hs.row2.col5:not(:checked) ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3) { + height: 0; +} +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 2rem; +} +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { + display: none; +} + +.hs.row4.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row2.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(1), .hs.row2.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after { + display: none; +} + +.hs.row2.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4:after, +.hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4:after { + width: 110%; + right: -1.25rem; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1:before { + width: 110%; +} +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2:after { + width: 120%; + left: -1.25rem; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2:before { + width: 110%; +} +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3:after { + width: 120%; + left: -1.25rem; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3:before { + width: 110%; +} +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4:after { + width: 120%; + left: -1.25rem; +} + +.hs.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col4:checked ~ .hs.shed.row2.col5:not(:checked) ~ div > div > shed > .row2.col4 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row2.col4:checked ~ .hs.shed.row2.col5:not(:checked) ~ div > div > shed > .row2.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { + display: none; +} +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):before { + width: 10.25rem; +} + +.hs.row2.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after { + left: 6rem; + transform: rotate(3deg); +} +.hs.row2.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { + left: 10rem; +} +.hs.row2.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { + left: -2.5rem; + transform: rotate(-3deg); +} + +.hs.row2.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, .hs.row2.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1), +.hs.row2.col2:checked ~ .hs.row2.col-3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):after, +.hs.row2.col2:checked ~ .hs.row2.col-3:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(1) { + display: none; +} + +.hs.row2.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { + left: 10rem; + transform: rotate(2deg); +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { + display: none; +} +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):before { + width: 10.25rem; +} + +.hs.row2.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after { + left: 6rem; + transform: rotate(3deg); +} +.hs.row2.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { + left: 10rem; +} +.hs.row2.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { + left: -2.5rem; + transform: rotate(-3deg); +} + +.hs.row2.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, .hs.row2.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1), +.hs.row2.col3:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):after, +.hs.row2.col3:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(1) { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { + left: 10rem; + transform: rotate(2deg); +} + +.hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before { + display: block; + width: 210%; +} + +.hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, +.hs.shed.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):before { + display: block; + width: 110%; +} + +.hs.row3.col2:checked ~ .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, +.hs.row3.col3:checked ~ .hs.shed.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):before, +.hs.row3.col3:checked ~ .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, +.hs.row3.col2:checked ~ .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, +.hs.shed.row3.col1:checked ~ .hs.shed.row2.col1:checked ~ .hs.shed.row2.col2:not(:checked) ~ .hs.shed.row2.col3:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):before, +.hs.shed.row3.col2:checked ~ .hs.shed.row2.col2:checked ~ .hs.shed.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):before { + top: 1rem; + border: none; +} + +.hs.row3.col1:checked ~ div > div > shed > .row3.col1:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1):before, .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after { + display: block; +} + +.hs.row3.col1:checked ~ div > div > shed > .row4.col1:after, .hs.row3.col1:checked ~ div > div > shed > .row4.col1 > i:nth-of-type(3):after, .hs.row3.col1:checked ~ div > div > shed > .row4.col1 > i:nth-of-type(1) { + display: none; +} + +.hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3):before, .hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(2), .hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(5):after { + display: none; +} +.hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(3) { + height: 0; +} +.hs.row3.col1:checked ~ div > div > shed > .row2.col1 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 2rem; +} + +.hs.shed.row3.col-2:not(:checked) ~ .hs.row3.col1:checked ~ .shed.hs.row3.col2:not(:checked) ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row3.col-2:not(:checked) ~ .hs.row3.col1:checked ~ .shed.hs.row3.col2:not(:checked) ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col1:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col1:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3) { + height: 0; +} +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 2rem; +} +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after { + display: none; +} + +.hs.row5.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row4.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(1), .hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(3):after { + display: none; +} + +.hs.row3.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1:after, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col1:after { + width: 110%; + right: -1.25rem; +} + +.hs.row3.col2:checked ~ div > div > shed > .row3.col2:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1):before, .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { + display: block; +} + +.hs.row3.col2:checked ~ div > div > shed > .row4.col2:after, .hs.row3.col2:checked ~ div > div > shed > .row4.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ div > div > shed > .row4.col2 > i:nth-of-type(1) { + display: none; +} + +.hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3):before, .hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(2), .hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(5):after { + display: none; +} +.hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(3) { + height: 0; +} +.hs.row3.col2:checked ~ div > div > shed > .row2.col2 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 1rem; +} + +.hs.shed.row3.col-1:not(:checked) ~ .hs.row3.col2:checked ~ .shed.hs.row3.col3:not(:checked) ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row3.col-1:not(:checked) ~ .hs.row3.col2:checked ~ .shed.hs.row3.col3:not(:checked) ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col2:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col2:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3) { + height: 0; +} +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 1rem; +} +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row5.col2:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row4.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1), .hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { + display: none; +} + +.hs.row3.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2:after, +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col2:after { + width: 110%; + right: -1.25rem; +} + +.hs.row3.col3:checked ~ div > div > shed > .row3.col3:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1):before, .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { + display: block; +} + +.hs.row3.col3:checked ~ div > div > shed > .row4.col3:after, .hs.row3.col3:checked ~ div > div > shed > .row4.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ div > div > shed > .row4.col3 > i:nth-of-type(1) { + display: none; +} + +.hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3):before, .hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(2), .hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(5):after { + display: none; +} +.hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(3) { + height: 0; +} +.hs.row3.col3:checked ~ div > div > shed > .row2.col3 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 2rem; +} + +.hs.shed.row3.col0:not(:checked) ~ .hs.row3.col3:checked ~ .shed.hs.row3.col4:not(:checked) ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row3.col0:not(:checked) ~ .hs.row3.col3:checked ~ .shed.hs.row3.col4:not(:checked) ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3) { + height: 0; +} +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 2rem; +} +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { + display: none; +} + +.hs.row5.col3:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row4.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1), .hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after { + display: none; +} + +.hs.row3.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3:after, +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3:after { + width: 110%; + right: -1.25rem; +} + +.hs.row3.col4:checked ~ div > div > shed > .row3.col4:before { + background: repeating-linear-gradient(#bc3d2f 1rem, #683f44 2.3rem); + width: 90%; + height: 98%; + left: 1.25rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0 0 #20112a; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4:after { + width: 105%; + height: 5rem; + background: repeating-linear-gradient(to right, #683f44 1rem, #20112a 2.1rem); + top: -2rem; + border-bottom: solid 0.5rem #252529; + box-shadow: 0 1.5rem 0.5rem -1rem rgba(79, 1, 14, 0.9); + border-radius: 0.5rem; + left: auto; + right: -1rem; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4) { + width: 4rem; + height: 4rem; + right: 0; + margin: auto; + background: rgba(79, 1, 14, 0.3); + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); + transform: scale(0.5); +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4):before { + width: 3.4rem; + height: 0.5rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 0 1.5rem 0 #252529, 0 3rem 0 #252529, 0 0.5rem 0 #000, 0 1rem 0 rgba(79, 1, 14, 0.9), 0 2rem 0 rgba(79, 1, 14, 0.9), 0 2.5rem 0 rgba(79, 1, 14, 0.75); +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4):after { + width: 0.5rem; + height: 3.4rem; + background: #252529; + left: 0.3rem; + top: 0.4rem; + border-radius: 0.25rem; + box-shadow: 1.5rem 0 0 #252529, 3rem 0 0 #252529; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + background: #bc3d2f; + top: 3rem; + border-radius: 0.5rem; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after { + left: -4rem; + border: 1rem solid rgba(255, 255, 255, 0); + top: -11rem; + border-bottom-color: #252529; + transform: rotate(-3deg); + height: 4rem; + box-shadow: 0 3.7rem 0 -0.5rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):before { + width: 14.5rem; + height: 4.5rem; + border-top: 0.5rem solid #20112a; + border-bottom: 0.5rem solid #20112a; + top: 5rem; + left: -5rem; + background: repeating-linear-gradient(to right, #683f44, #20112a 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.4rem); + border-radius: 0.5rem; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(2):before { + width: 1rem; + height: 9rem; + background: #20112a; + top: -7rem; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(odd) > i:nth-of-type(2) { + width: 1rem; + background: #20112a; + height: 3rem; + border-radius: 0.25rem; + top: 18.5rem; + left: 10rem; + transform: rotate(5deg); +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(odd) > i:nth-of-type(2):before { + transform: rotate(-45deg); + left: -3rem; + border-radius: 0 1rem 0 0; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(odd) > i:nth-of-type(2):after { + width: 1rem; + height: 4rem; + transform: rotate(45deg); + background: #20112a; + top: -6.5rem; + left: -2rem; + border-radius: 1rem 0 0 0; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(even) > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(even) > i:nth-of-type(1) { + left: 11rem; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4:nth-of-type(even) > i:nth-of-type(2):before { + transform: rotate(45deg); + left: 5rem; + border-radius: 1rem 0 0 0; + top: 11rem; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1):before, .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1):after { + top: -7.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after { + display: block; +} + +.hs.row3.col4:checked ~ div > div > shed > .row4.col4:after, .hs.row3.col4:checked ~ div > div > shed > .row4.col4 > i:nth-of-type(3):after, .hs.row3.col4:checked ~ div > div > shed > .row4.col4 > i:nth-of-type(1) { + display: none; +} + +.hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3):before, .hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(2), .hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(5):after { + display: none; +} +.hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(3) { + height: 0; +} +.hs.row3.col4:checked ~ div > div > shed > .row2.col4 > i:nth-of-type(4) { + transform: scale(1); + right: 1rem; + left: 1rem; +} + +.hs.shed.row3.col1:not(:checked) ~ .hs.row3.col4:checked ~ .shed.hs.row3.col5:not(:checked) ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.shed.row3.col1:not(:checked) ~ .hs.row3.col4:checked ~ .shed.hs.row3.col5:not(:checked) ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4:before { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4:before { + height: 12.5rem; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3) { + height: 0; +} +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(4) { + transform: scale(1); + right: 2rem; + left: 2rem; +} +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after { + display: none; +} + +.hs.row5.col4:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after { + display: none; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2 > i:nth-of-type(5):after { + display: none; +} + +.hs.row4.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(5):after { + display: none !important; +} + +.hs.row3.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(1), .hs.row3.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after { + display: none; +} + +.hs.row3.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4:after, +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4:after { + width: 110%; + right: -1.25rem; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1:before { + width: 110%; +} +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col2:after { + width: 120%; + left: -1.25rem; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2:before { + width: 110%; +} +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col3:after { + width: 120%; + left: -1.25rem; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3:before { + width: 110%; +} +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4:after { + width: 120%; + left: -1.25rem; +} + +.hs.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col4:checked ~ .hs.shed.row3.col5:not(:checked) ~ div > div > shed > .row3.col4 > i:nth-of-type(3):after { + left: 7rem; + transform: rotate(3deg); +} +.hs.row3.col4:checked ~ .hs.shed.row3.col5:not(:checked) ~ div > div > shed > .row3.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { + display: none; +} +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):before { + width: 10.25rem; +} + +.hs.row3.col2:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after { + left: 6rem; + transform: rotate(3deg); +} +.hs.row3.col2:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { + left: 10rem; +} +.hs.row3.col2:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { + left: -2.5rem; + transform: rotate(-3deg); +} + +.hs.row3.col2:checked ~ .hs.row3.col-1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, .hs.row3.col2:checked ~ .hs.row3.col-1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1), +.hs.row3.col2:checked ~ .hs.row3.col-3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(3):after, +.hs.row3.col2:checked ~ .hs.row3.col-3:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(1) { + display: none; +} + +.hs.row3.col2:checked ~ .hs.row3.col-1:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):after { + left: 10rem; + transform: rotate(2deg); +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { + display: none; +} +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):before { + width: 10.25rem; +} + +.hs.row3.col3:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after { + left: 6rem; + transform: rotate(3deg); +} +.hs.row3.col3:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { + left: 10rem; +} +.hs.row3.col3:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { + left: -2.5rem; + transform: rotate(-3deg); +} + +.hs.row3.col3:checked ~ .hs.row3.col0:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, .hs.row3.col3:checked ~ .hs.row3.col0:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1), +.hs.row3.col3:checked ~ .hs.row3.col-2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(3):after, +.hs.row3.col3:checked ~ .hs.row3.col-2:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(1) { + display: none; +} + +.hs.row3.col3:checked ~ .hs.row3.col0:checked ~ div > div > shed > .row3.col3 > i:nth-of-type(5):after { + left: 10rem; + transform: rotate(2deg); +} + +.hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before { + display: block; + width: 210%; +} + +.hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, +.hs.shed.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):before { + display: block; + width: 110%; +} + +.hs.row4.col2:checked ~ .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, +.hs.row4.col3:checked ~ .hs.shed.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):before, +.hs.row4.col3:checked ~ .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, +.hs.row4.col2:checked ~ .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, +.hs.shed.row4.col1:checked ~ .hs.shed.row3.col1:checked ~ .hs.shed.row3.col2:not(:checked) ~ .hs.shed.row3.col3:checked ~ div > div > shed > .row3.col1 > i:nth-of-type(5):before, +.hs.shed.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ .hs.shed.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > shed > .row3.col2 > i:nth-of-type(5):before { + top: 1rem; + border: none; +} + +div > div > house > label > i:nth-of-type(5) { + width: 13rem; + height: 3rem; + top: 1rem; + border-bottom-color: #683f44; + box-shadow: 0 0.25rem 0 #683f44; + border-radius: 50%; + left: -0.5rem; + z-index: 1; + display: none; +} +div > div > house > label > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 1rem; + transform: rotate(5deg); + z-index: -1 !important; + filter: drop-shadow(2rem 0.25rem 0 #bc2f38) drop-shadow(2rem 0rem 0 #bc3d2f); +} +div > div > house > label > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 7rem; + transform: rotate(-5deg); + z-index: -1 !important; + filter: drop-shadow(2rem -0.25rem 0 #bc2f38) drop-shadow(2rem 0rem 0 #bc3d2f); +} + +.hs.row1.col1:checked ~ div > div > house > .row1.col1:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1.col1 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1):before, .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(2), +.hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(1) { + display: none; +} + +.hs.house.row2.col1:checked ~ .hs.shed.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row2.col1:checked ~ .hs.shed.row1.col1:checked ~ div > div > house > .row2.col1:before { + background: #bc3d2f; +} + +.hs.shed.row2.col1:checked ~ .hs.house.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row2.col1:checked ~ .hs.house.row1.col1:checked ~ div > div > house > .row2.col1:before { + background: #bc2f2f; +} + +.hs.house.row1.col-2:not(:checked) ~ .hs.house.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row-1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row1.col-2:not(:checked) ~ .hs.house.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row-1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row0.col0:checked ~ .hs.row0.col1:not(:checked) ~ div > div > house > .row1.col1 > i:nth-of-type(2):after, +.hs.house.row0.col1:not(:checked) ~ .hs.house.row-1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row0.col0:checked ~ .hs.row0.col1:not(:checked) ~ div > div > house > .row1.col1 > i:nth-of-type(1), +.hs.house.row0.col1:not(:checked) ~ .hs.house.row-1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.house.row0.col0:not(:checked) ~ .hs.shed.row0.col0:not(:checked) ~ .hs.row0.col1:checked ~ div > div > house > .row1.col1 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.house.row0.col0:not(:checked) ~ .hs.shed.row0.col0:not(:checked) ~ .hs.row0.col1:checked ~ div > div > house > .row1.col1 i:nth-of-type(1), +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.house.row0.col0:not(:checked) ~ .hs.shed.row0.col0:not(:checked) ~ .hs.row0.col1:checked ~ div > div > house > .row1.col1 i:nth-of-type(2):after { + display: none; +} + +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { + display: none; +} +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row1.col2:checked ~ div > div > house > .row1.col2:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2.col1 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1):before, .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(2), +.hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(1) { + display: none; +} + +.hs.house.row2.col2:checked ~ .hs.shed.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row2.col2:checked ~ .hs.shed.row1.col2:checked ~ div > div > house > .row2.col2:before { + background: #bc3d2f; +} + +.hs.shed.row2.col2:checked ~ .hs.house.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row2.col2:checked ~ .hs.house.row1.col2:checked ~ div > div > house > .row2.col2:before { + background: #bc2f2f; +} + +.hs.house.row1.col-1:not(:checked) ~ .hs.house.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row-1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row1.col-1:not(:checked) ~ .hs.house.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row-1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row0.col1:checked ~ .hs.row0.col2:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(2):after, +.hs.house.row0.col2:not(:checked) ~ .hs.house.row-1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row0.col1:checked ~ .hs.row0.col2:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(1), +.hs.house.row0.col2:not(:checked) ~ .hs.house.row-1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.house.row0.col1:not(:checked) ~ .hs.shed.row0.col1:not(:checked) ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.house.row0.col1:not(:checked) ~ .hs.shed.row0.col1:not(:checked) ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.house.row0.col1:not(:checked) ~ .hs.shed.row0.col1:not(:checked) ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { + display: none; +} + +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { + display: none; +} +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row1.col3:checked ~ div > div > house > .row1.col3:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3.col1 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1):before, .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(2), +.hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(1) { + display: none; +} + +.hs.house.row2.col3:checked ~ .hs.shed.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row2.col3:checked ~ .hs.shed.row1.col3:checked ~ div > div > house > .row2.col3:before { + background: #bc3d2f; +} + +.hs.shed.row2.col3:checked ~ .hs.house.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row2.col3:checked ~ .hs.house.row1.col3:checked ~ div > div > house > .row2.col3:before { + background: #bc2f2f; +} + +.hs.house.row1.col0:not(:checked) ~ .hs.house.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row-1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row1.col0:not(:checked) ~ .hs.house.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row-1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row0.col2:checked ~ .hs.row0.col3:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(2):after, +.hs.house.row0.col3:not(:checked) ~ .hs.house.row-1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row0.col2:checked ~ .hs.row0.col3:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(1), +.hs.house.row0.col3:not(:checked) ~ .hs.house.row-1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.house.row0.col2:not(:checked) ~ .hs.shed.row0.col2:not(:checked) ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.house.row0.col2:not(:checked) ~ .hs.shed.row0.col2:not(:checked) ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 i:nth-of-type(1), +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.house.row0.col2:not(:checked) ~ .hs.shed.row0.col2:not(:checked) ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 i:nth-of-type(2):after { + display: none; +} + +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { + display: none; +} +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row1.col4:checked ~ div > div > house > .row1.col4:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4.col2 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1):before, .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(2), +.hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(1) { + display: none; +} + +.hs.house.row2.col4:checked ~ .hs.shed.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row2.col4:checked ~ .hs.shed.row1.col4:checked ~ div > div > house > .row2.col4:before { + background: #bc3d2f; +} + +.hs.shed.row2.col4:checked ~ .hs.house.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row2.col4:checked ~ .hs.house.row1.col4:checked ~ div > div > house > .row2.col4:before { + background: #bc2f2f; +} + +.hs.house.row1.col1:not(:checked) ~ .hs.house.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row-1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row1.col1:not(:checked) ~ .hs.house.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row-1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row0.col3:checked ~ .hs.row0.col4:not(:checked) ~ div > div > house > .row1.col4 > i:nth-of-type(2):after, +.hs.house.row0.col4:not(:checked) ~ .hs.house.row-1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row0.col3:checked ~ .hs.row0.col4:not(:checked) ~ div > div > house > .row1.col4 > i:nth-of-type(1), +.hs.house.row0.col4:not(:checked) ~ .hs.house.row-1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.house.row0.col3:not(:checked) ~ .hs.shed.row0.col3:not(:checked) ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.house.row0.col3:not(:checked) ~ .hs.shed.row0.col3:not(:checked) ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 i:nth-of-type(1), +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.house.row0.col3:not(:checked) ~ .hs.shed.row0.col3:not(:checked) ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 i:nth-of-type(2):after { + display: none; +} + +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(1), +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col2 i:nth-of-type(2):after { + display: none; +} +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row1.col2:checked ~ .row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row2.col1:checked ~ div > div > house > .row2.col1:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1.col3 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1):before, .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(2), +.hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(1) { + display: none; +} + +.hs.house.row3.col1:checked ~ .hs.shed.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row3.col1:checked ~ .hs.shed.row2.col1:checked ~ div > div > house > .row3.col1:before { + background: #bc3d2f; +} + +.hs.shed.row3.col1:checked ~ .hs.house.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row3.col1:checked ~ .hs.house.row2.col1:checked ~ div > div > house > .row3.col1:before { + background: #bc2f2f; +} + +.hs.house.row2.col-2:not(:checked) ~ .hs.house.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row0.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row2.col-2:not(:checked) ~ .hs.house.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row0.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:not(:checked) ~ div > div > house > .row2.col1 > i:nth-of-type(2):after, +.hs.house.row1.col1:not(:checked) ~ .hs.house.row0.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row1.col0:checked ~ .hs.row1.col1:not(:checked) ~ div > div > house > .row2.col1 > i:nth-of-type(1), +.hs.house.row1.col1:not(:checked) ~ .hs.house.row0.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.house.row1.col0:not(:checked) ~ .hs.shed.row1.col0:not(:checked) ~ .hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.house.row1.col0:not(:checked) ~ .hs.shed.row1.col0:not(:checked) ~ .hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(1), +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.house.row1.col0:not(:checked) ~ .hs.shed.row1.col0:not(:checked) ~ .hs.row1.col1:checked ~ div > div > house > .row2.col1 i:nth-of-type(2):after { + display: none; +} + +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { + display: none; +} +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row2.col2:checked ~ div > div > house > .row2.col2:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2.col4 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1):before, .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(2), +.hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(1) { + display: none; +} + +.hs.house.row3.col2:checked ~ .hs.shed.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row3.col2:checked ~ .hs.shed.row2.col2:checked ~ div > div > house > .row3.col2:before { + background: #bc3d2f; +} + +.hs.shed.row3.col2:checked ~ .hs.house.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row3.col2:checked ~ .hs.house.row2.col2:checked ~ div > div > house > .row3.col2:before { + background: #bc2f2f; +} + +.hs.house.row2.col-1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row0.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row2.col-1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row0.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(2):after, +.hs.house.row1.col2:not(:checked) ~ .hs.house.row0.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row1.col1:checked ~ .hs.row1.col2:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(1), +.hs.house.row1.col2:not(:checked) ~ .hs.house.row0.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col1:not(:checked) ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col1:not(:checked) ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col1:not(:checked) ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { + display: none; +} + +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { + display: none; +} +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row2.col3:checked ~ div > div > house > .row2.col3:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3.col2 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1):before, .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(2), +.hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(1) { + display: none; +} + +.hs.house.row3.col3:checked ~ .hs.shed.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row3.col3:checked ~ .hs.shed.row2.col3:checked ~ div > div > house > .row3.col3:before { + background: #bc3d2f; +} + +.hs.shed.row3.col3:checked ~ .hs.house.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row3.col3:checked ~ .hs.house.row2.col3:checked ~ div > div > house > .row3.col3:before { + background: #bc2f2f; +} + +.hs.house.row2.col0:not(:checked) ~ .hs.house.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row0.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row2.col0:not(:checked) ~ .hs.house.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row0.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(2):after, +.hs.house.row1.col3:not(:checked) ~ .hs.house.row0.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row1.col2:checked ~ .hs.row1.col3:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(1), +.hs.house.row1.col3:not(:checked) ~ .hs.house.row0.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.shed.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.shed.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(1), +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.shed.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 i:nth-of-type(2):after { + display: none; +} + +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { + display: none; +} +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row2.col4:checked ~ div > div > house > .row2.col4:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4.col1 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1):before, .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(2), +.hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(1) { + display: none; +} + +.hs.house.row3.col4:checked ~ .hs.shed.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row3.col4:checked ~ .hs.shed.row2.col4:checked ~ div > div > house > .row3.col4:before { + background: #bc3d2f; +} + +.hs.shed.row3.col4:checked ~ .hs.house.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row3.col4:checked ~ .hs.house.row2.col4:checked ~ div > div > house > .row3.col4:before { + background: #bc2f2f; +} + +.hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row0.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row0.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:not(:checked) ~ div > div > house > .row2.col4 > i:nth-of-type(2):after, +.hs.house.row1.col4:not(:checked) ~ .hs.house.row0.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row1.col3:checked ~ .hs.row1.col4:not(:checked) ~ div > div > house > .row2.col4 > i:nth-of-type(1), +.hs.house.row1.col4:not(:checked) ~ .hs.house.row0.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(1), +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.shed.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 i:nth-of-type(2):after { + display: none; +} + +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(1), +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col2 i:nth-of-type(2):after { + display: none; +} +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row2.col2:checked ~ .row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row3.col1:checked ~ div > div > house > .row3.col1:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1.col4 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1):before, .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(2), +.hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(1) { + display: none; +} + +.hs.house.row4.col1:checked ~ .hs.shed.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row4.col1:checked ~ .hs.shed.row3.col1:checked ~ div > div > house > .row4.col1:before { + background: #bc3d2f; +} + +.hs.shed.row4.col1:checked ~ .hs.house.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row4.col1:checked ~ .hs.house.row3.col1:checked ~ div > div > house > .row4.col1:before { + background: #bc2f2f; +} + +.hs.house.row3.col-2:not(:checked) ~ .hs.house.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row1.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row3.col-2:not(:checked) ~ .hs.house.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row1.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:not(:checked) ~ div > div > house > .row3.col1 > i:nth-of-type(2):after, +.hs.house.row2.col1:not(:checked) ~ .hs.house.row1.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row2.col0:checked ~ .hs.row2.col1:not(:checked) ~ div > div > house > .row3.col1 > i:nth-of-type(1), +.hs.house.row2.col1:not(:checked) ~ .hs.house.row1.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.house.row2.col0:not(:checked) ~ .hs.shed.row2.col0:not(:checked) ~ .hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.house.row2.col0:not(:checked) ~ .hs.shed.row2.col0:not(:checked) ~ .hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(1), +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.house.row2.col0:not(:checked) ~ .hs.shed.row2.col0:not(:checked) ~ .hs.row2.col1:checked ~ div > div > house > .row3.col1 i:nth-of-type(2):after { + display: none; +} + +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { + display: none; +} +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row3.col2:checked ~ div > div > house > .row3.col2:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2.col2 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1):before, .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(2), +.hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(1) { + display: none; +} + +.hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row4.col2:before { + background: #bc3d2f; +} + +.hs.shed.row4.col2:checked ~ .hs.house.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row4.col2:checked ~ .hs.house.row3.col2:checked ~ div > div > house > .row4.col2:before { + background: #bc2f2f; +} + +.hs.house.row3.col-1:not(:checked) ~ .hs.house.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row1.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row3.col-1:not(:checked) ~ .hs.house.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row1.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(2):after, +.hs.house.row2.col2:not(:checked) ~ .hs.house.row1.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row2.col1:checked ~ .hs.row2.col2:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(1), +.hs.house.row2.col2:not(:checked) ~ .hs.house.row1.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.house.row2.col1:not(:checked) ~ .hs.shed.row2.col1:not(:checked) ~ .hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.house.row2.col1:not(:checked) ~ .hs.shed.row2.col1:not(:checked) ~ .hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.house.row2.col1:not(:checked) ~ .hs.shed.row2.col1:not(:checked) ~ .hs.row2.col2:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { + display: none; +} + +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { + display: none; +} +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row3.col3:checked ~ div > div > house > .row3.col3:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3.col3 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1):before, .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(2), +.hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(1) { + display: none; +} + +.hs.house.row4.col3:checked ~ .hs.shed.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row4.col3:checked ~ .hs.shed.row3.col3:checked ~ div > div > house > .row4.col3:before { + background: #bc3d2f; +} + +.hs.shed.row4.col3:checked ~ .hs.house.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row4.col3:checked ~ .hs.house.row3.col3:checked ~ div > div > house > .row4.col3:before { + background: #bc2f2f; +} + +.hs.house.row3.col0:not(:checked) ~ .hs.house.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row1.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row3.col0:not(:checked) ~ .hs.house.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row1.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(2):after, +.hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row2.col2:checked ~ .hs.row2.col3:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(1), +.hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.shed.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.shed.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(1), +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.shed.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3 i:nth-of-type(2):after { + display: none; +} + +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { + display: none; +} +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row3.col4:checked ~ div > div > house > .row3.col4:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4.col4 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1):before, .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(2), +.hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(1) { + display: none; +} + +.hs.house.row4.col4:checked ~ .hs.shed.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row4.col4:checked ~ .hs.shed.row3.col4:checked ~ div > div > house > .row4.col4:before { + background: #bc3d2f; +} + +.hs.shed.row4.col4:checked ~ .hs.house.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row4.col4:checked ~ .hs.house.row3.col4:checked ~ div > div > house > .row4.col4:before { + background: #bc2f2f; +} + +.hs.house.row3.col1:not(:checked) ~ .hs.house.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row1.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row3.col1:not(:checked) ~ .hs.house.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row1.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:not(:checked) ~ div > div > house > .row3.col4 > i:nth-of-type(2):after, +.hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row2.col3:checked ~ .hs.row2.col4:not(:checked) ~ div > div > house > .row3.col4 > i:nth-of-type(1), +.hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(1), +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.shed.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 i:nth-of-type(2):after { + display: none; +} + +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(1), +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col2 i:nth-of-type(2):after { + display: none; +} +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row3.col2:checked ~ .row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row4.col1:checked ~ div > div > house > .row4.col1:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1.col2 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1):before, .hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row4.col1:checked ~ div > div > house > .row5.col1 i:nth-of-type(2), +.hs.row4.col1:checked ~ div > div > house > .row5.col1 i:nth-of-type(1) { + display: none; +} + +.hs.house.row5.col1:checked ~ .hs.shed.row4.col1:checked ~ div > div > house > .row4.col1 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row5.col1:checked ~ .hs.shed.row4.col1:checked ~ div > div > house > .row5.col1:before { + background: #bc3d2f; +} + +.hs.shed.row5.col1:checked ~ .hs.house.row4.col1:checked ~ div > div > house > .row4.col1 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row5.col1:checked ~ .hs.house.row4.col1:checked ~ div > div > house > .row5.col1:before { + background: #bc2f2f; +} + +.hs.house.row4.col-2:not(:checked) ~ .hs.house.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row2.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row4.col-2:not(:checked) ~ .hs.house.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row2.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:not(:checked) ~ div > div > house > .row4.col1 > i:nth-of-type(2):after, +.hs.house.row3.col1:not(:checked) ~ .hs.house.row2.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row3.col0:checked ~ .hs.row3.col1:not(:checked) ~ div > div > house > .row4.col1 > i:nth-of-type(1), +.hs.house.row3.col1:not(:checked) ~ .hs.house.row2.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.house.row3.col0:not(:checked) ~ .hs.shed.row3.col0:not(:checked) ~ .hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.house.row3.col0:not(:checked) ~ .hs.shed.row3.col0:not(:checked) ~ .hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(1), +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.house.row3.col0:not(:checked) ~ .hs.shed.row3.col0:not(:checked) ~ .hs.row3.col1:checked ~ div > div > house > .row4.col1 i:nth-of-type(2):after { + display: none; +} + +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { + display: none; +} +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row4.col2:checked ~ div > div > house > .row4.col2:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2.col4 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1):before, .hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row4.col2:checked ~ div > div > house > .row5.col2 i:nth-of-type(2), +.hs.row4.col2:checked ~ div > div > house > .row5.col2 i:nth-of-type(1) { + display: none; +} + +.hs.house.row5.col2:checked ~ .hs.shed.row4.col2:checked ~ div > div > house > .row4.col2 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row5.col2:checked ~ .hs.shed.row4.col2:checked ~ div > div > house > .row5.col2:before { + background: #bc3d2f; +} + +.hs.shed.row5.col2:checked ~ .hs.house.row4.col2:checked ~ div > div > house > .row4.col2 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row5.col2:checked ~ .hs.house.row4.col2:checked ~ div > div > house > .row5.col2:before { + background: #bc2f2f; +} + +.hs.house.row4.col-1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row2.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row4.col-1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row2.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(2):after, +.hs.house.row3.col2:not(:checked) ~ .hs.house.row2.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row3.col1:checked ~ .hs.row3.col2:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(1), +.hs.house.row3.col2:not(:checked) ~ .hs.house.row2.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col1:not(:checked) ~ .hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col1:not(:checked) ~ .hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col1:not(:checked) ~ .hs.row3.col2:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { + display: none; +} + +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { + display: none; +} +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row4.col3:checked ~ div > div > house > .row4.col3:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3.col1 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1):before, .hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row4.col3:checked ~ div > div > house > .row5.col3 i:nth-of-type(2), +.hs.row4.col3:checked ~ div > div > house > .row5.col3 i:nth-of-type(1) { + display: none; +} + +.hs.house.row5.col3:checked ~ .hs.shed.row4.col3:checked ~ div > div > house > .row4.col3 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row5.col3:checked ~ .hs.shed.row4.col3:checked ~ div > div > house > .row5.col3:before { + background: #bc3d2f; +} + +.hs.shed.row5.col3:checked ~ .hs.house.row4.col3:checked ~ div > div > house > .row4.col3 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row5.col3:checked ~ .hs.house.row4.col3:checked ~ div > div > house > .row5.col3:before { + background: #bc2f2f; +} + +.hs.house.row4.col0:not(:checked) ~ .hs.house.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row2.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row4.col0:not(:checked) ~ .hs.house.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row2.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(2):after, +.hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row3.col2:checked ~ .hs.row3.col3:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(1), +.hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.shed.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.shed.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(1), +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.shed.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3 i:nth-of-type(2):after { + display: none; +} + +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { + display: none; +} +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row4.col4:checked ~ div > div > house > .row4.col4:before { + width: 1.5rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: -1.35rem; + left: 3rem; + box-shadow: 2rem 2rem 0 currentColor; + filter: hue-rotate(-10deg) brightness(1.1); + opacity: 0.7; +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4:after { + filter: hue-rotate(-10deg) brightness(1.1); + width: 2rem; + height: 1rem; + background: currentColor; + border-radius: 0.25rem; + top: 0.5rem; + left: -0.15rem; + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(4) { + width: 5rem; + right: 0; + margin: auto; + top: 3.5rem; + background: rgba(79, 1, 14, 0.9); + height: 5rem; + border-radius: 0.3rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem currentColor, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(4):after { + width: 4.5rem; + height: 0.25rem; + left: 0.25rem; + top: 2.4rem; + background: currentColor; + border-radius: 0.0001rem; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), 0 3rem 0 0.3rem #dcbc75, 0 3.5rem 0.35rem 0.25rem rgba(79, 1, 14, 0.9); +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(4):before { + width: 0.25rem; + height: 4.5rem; + left: 2.4rem; + top: 0.25rem; + background: currentColor; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4.col2 > i:nth-of-type(4) { + border-radius: 2.25rem 2.25rem 0.3rem 0.3rem; +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2) { + border: solid rgba(255, 255, 255, 0) 1rem; + border-bottom: solid #6a1b20 4rem; + width: calc(100% + 2.1rem); + left: -1rem; + top: -2.5rem; + box-shadow: 0 0.25rem 0 #20112a, 0 1.5rem 1rem -1rem rgba(79, 1, 14, 0.75); +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):before { + width: 100%; + height: 3rem; + border-radius: 50%; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0.75rem, rgba(79, 1, 14, 0.4), rgba(255, 255, 255, 0) 1rem); +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):after { + width: 3rem; + height: 4rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 0.5rem solid #bc2f2f; + top: -2rem; + box-shadow: inset 0 4rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -3rem 0 -1rem #252529; + border-radius: 0.5rem; + left: -0.25rem; + filter: drop-shadow(-0.25rem 2rem 0.5rem rgba(0, 0, 0, 0.15)); +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1):before, .hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1):after { + top: -8.5rem; + left: -1rem; + animation: smoke 8s linear infinite; +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1):before { + animation: smoke 7.25s 3.75s linear infinite; +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4:nth-of-type(even) i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4:nth-of-type(even) > i:nth-of-type(1) { + left: 10rem; +} +.hs.row4.col4:checked ~ div > div > house > .row5.col4 i:nth-of-type(2), +.hs.row4.col4:checked ~ div > div > house > .row5.col4 i:nth-of-type(1) { + display: none; +} + +.hs.house.row5.col4:checked ~ .hs.shed.row4.col4:checked ~ div > div > house > .row4.col4 { + border-bottom: 0.25rem dashed #bc2f2f; +} +.hs.house.row5.col4:checked ~ .hs.shed.row4.col4:checked ~ div > div > house > .row5.col4:before { + background: #bc3d2f; +} + +.hs.shed.row5.col4:checked ~ .hs.house.row4.col4:checked ~ div > div > house > .row4.col4 { + border-bottom: 0.25rem dashed #bc3d2f; +} +.hs.shed.row5.col4:checked ~ .hs.house.row4.col4:checked ~ div > div > house > .row5.col4:before { + background: #bc2f2f; +} + +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row2.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):after { + left: 9.5rem; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row2.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1) { + left: 11rem; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:not(:checked) ~ div > div > house > .row4.col4 > i:nth-of-type(2):after, +.hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(2):after { + left: 4.75rem; + height: 3rem; + box-shadow: inset 0 6rem 0 #bc2f2f, 0 -0.5rem 0 -0.2rem #6a1b20, 0 -2.25rem 0 -1rem #252529; + border-radius: 0 0 1rem 1rem; +} +.hs.row3.col3:checked ~ .hs.row3.col4:not(:checked) ~ div > div > house > .row4.col4 > i:nth-of-type(1), +.hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(1) { + left: 5rem; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(2) { + display: block; + left: -42%; + width: 50%; +} +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(1), +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.shed.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4 i:nth-of-type(2):after { + display: none; +} + +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(1), +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col2 i:nth-of-type(2):after { + display: none; +} +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(2):after { + left: -1.5rem; +} +.row4.col2:checked ~ .row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(1) { + left: -1rem; +} + +.hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.shed.row1.col3:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.shed.row1.col4:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.shed.row1.col5:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.shed.row1.col6:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row1.col1:checked ~ .hs.house.row1.col2:not(:checked) ~ .hs.house.row1.col3:not(:checked) ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1:after { + box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row1.col4:not(:checked) ~ .hs.row1.col5:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row1.col4:not(:checked) ~ .hs.row1.col5:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ .hs.house.row1.col4:not(:checked) ~ .hs.row1.col5:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2:after { + box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row1.col5:not(:checked) ~ .hs.row1.col6:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row1.col5:not(:checked) ~ .hs.row1.col6:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ .hs.house.row1.col5:not(:checked) ~ .hs.row1.col6:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3:after { + box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row1.col6:not(:checked) ~ .hs.row1.col7:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row1.col6:not(:checked) ~ .hs.row1.col7:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row1.col4:checked ~ .hs.house.row1.col5:not(:checked) ~ .hs.house.row1.col6:not(:checked) ~ .hs.row1.col7:checked ~ div > div > house > .row1.col5 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4:after { + box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: none; +} +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: none; +} +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: none; +} +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: none; +} +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: none; +} +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: none; +} +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: none; +} +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: none; +} +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: none; +} +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: none; +} +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: none; +} +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: none; +} +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.shed.row2.col3:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.shed.row2.col4:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.shed.row2.col5:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.row2.col6:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.shed.row2.col6:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row2.col1:checked ~ .hs.house.row2.col2:not(:checked) ~ .hs.house.row2.col3:not(:checked) ~ .hs.row2.col4:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1:after { + box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row2.col4:not(:checked) ~ .hs.row2.col5:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row2.col4:not(:checked) ~ .hs.row2.col5:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row2.col4:not(:checked) ~ .hs.row2.col5:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2:after { + box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row2.col5:not(:checked) ~ .hs.row2.col6:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row2.col5:not(:checked) ~ .hs.row2.col6:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row2.col5:not(:checked) ~ .hs.row2.col6:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3:after { + box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row2.col6:not(:checked) ~ .hs.row2.col7:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row2.col6:not(:checked) ~ .hs.row2.col7:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row2.col4:checked ~ .hs.house.row2.col5:not(:checked) ~ .hs.house.row2.col6:not(:checked) ~ .hs.row2.col7:checked ~ div > div > house > .row2.col5 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4:after { + box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: none; +} +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: none; +} +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: none; +} +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: none; +} +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: none; +} +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: none; +} +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: none; +} +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: none; +} +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: none; +} +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: none; +} +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: none; +} +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: none; +} +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.shed.row3.col3:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.shed.row3.col4:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.row3.col5:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.shed.row3.col5:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.row3.col6:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.shed.row3.col6:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row3.col1:checked ~ .hs.house.row3.col2:not(:checked) ~ .hs.house.row3.col3:not(:checked) ~ .hs.row3.col4:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col1:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col1:after { + box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row3.col4:not(:checked) ~ .hs.row3.col5:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row3.col4:not(:checked) ~ .hs.row3.col5:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row3.col4:not(:checked) ~ .hs.row3.col5:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2:after { + box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row3.col5:not(:checked) ~ .hs.row3.col6:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row3.col5:not(:checked) ~ .hs.row3.col6:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row3.col5:not(:checked) ~ .hs.row3.col6:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3:after { + box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row3.col6:not(:checked) ~ .hs.row3.col7:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row3.col6:not(:checked) ~ .hs.row3.col7:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row3.col4:checked ~ .hs.house.row3.col5:not(:checked) ~ .hs.house.row3.col6:not(:checked) ~ .hs.row3.col7:checked ~ div > div > house > .row3.col5 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col4:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col4:after { + box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 7rem 0 currentColor; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: none; +} +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: none; +} +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: none; +} +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: none; +} +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: none; +} +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: none; +} +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: none; +} +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: none; +} +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: none; +} +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: none; +} +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: none; +} +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: none; +} +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.shed.row4.col3:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.row4.col4:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.shed.row4.col4:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.row4.col5:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.shed.row4.col5:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.row4.col6:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5) { + display: block; + width: 105%; +} + +.hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.shed.row4.col6:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5) { + display: block; + width: 115%; +} + +.hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row4.col3:not(:checked) ~ .hs.row4.col4:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row4.col3:not(:checked) ~ .hs.row4.col4:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row4.col1:checked ~ .hs.house.row4.col2:not(:checked) ~ .hs.house.row4.col3:not(:checked) ~ .hs.row4.col4:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ div > div > house > .row4.col1:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ div > div > house > .row4.col1:after { + box-shadow: -2rem 5rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ div > div > house > .row4.col1:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row4.col4:not(:checked) ~ .hs.row4.col5:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row4.col4:not(:checked) ~ .hs.row4.col5:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row4.col4:not(:checked) ~ .hs.row4.col5:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ div > div > house > .row4.col2:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ div > div > house > .row4.col2:after { + box-shadow: -2rem 4rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ div > div > house > .row4.col2:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row4.col5:not(:checked) ~ .hs.row4.col6:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row4.col5:not(:checked) ~ .hs.row4.col6:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row4.col5:not(:checked) ~ .hs.row4.col6:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ div > div > house > .row4.col3:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ div > div > house > .row4.col3:after { + box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 8rem 0 currentColor; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ div > div > house > .row4.col3:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row4.col6:not(:checked) ~ .hs.row4.col7:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5) { + display: block; + width: 205%; +} +.hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row4.col6:not(:checked) ~ .hs.row4.col7:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5):after { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #bc3d2f; + top: 2.75rem; + left: 3.5rem; + transform: rotate(4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem 0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} +.hs.row4.col4:checked ~ .hs.house.row4.col5:not(:checked) ~ .hs.house.row4.col6:not(:checked) ~ .hs.row4.col7:checked ~ div > div > house > .row4.col5 > i:nth-of-type(5):before { + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #8bbc2f; + top: 3.25rem; + left: 13.5rem; + transform: rotate(-4deg); + z-index: -1 !important; + filter: drop-shadow(2.5rem -0.1rem 0 #bc2f38) drop-shadow(5rem 0 0 #bc3d2f); +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ div > div > house > .row4.col4:after { + box-shadow: 0 2rem 0 currentColor, 0 4rem 0 currentColor, 0 6rem 0 currentColor, 0 8rem 0 currentColor, 0 10rem 0 currentColor; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ div > div > house > .row4.col4:after { + box-shadow: -2rem 6rem 0 rgba(204, 51, 51, 0.5), 0 6rem 0 currentColor; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ div > div > house > .row4.col4:after { + box-shadow: -2rem 3rem 0 rgba(204, 51, 51, 0.5), 0 5rem 0 currentColor, 10.75rem 0 0 currentColor, 10.75rem 2rem 0 currentColor, 10.75rem 4rem 0 currentColor, 10.75rem 6rem 0 currentColor, 10.75rem 8rem 0 currentColor, 10.75rem 10rem 0 currentColor; +} + +.hs.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 { + border-bottom: none; +} +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 { + border-bottom: none; +} +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { + border-bottom: none; +} +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { + border-bottom: none; +} +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 { + border-bottom: none; +} +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 { + border-bottom: none; +} +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { + border-bottom: none; +} +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 { + border-bottom: none; +} +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 { + border-bottom: none; +} +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 { + border-bottom: none; +} +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 { + border-bottom: none; +} +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(3) { + display: none !important; +} + +.hs.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: 0.75rem solid #20112a; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { + width: 2rem; + height: 325%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + top: 12rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); + z-index: -200; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):before { + width: 12rem; + height: 12rem; + border: 1.15rem dashed rgba(255, 255, 255, 0); + border-bottom-color: #20112a; + box-shadow: 0 0.75rem 0 #20112a, inset 0 -0.75rem 0 #20112a; + top: 0.5rem; + border-radius: 5rem; + left: -0.5rem; + transform: scaleY(-1); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3):after { + width: 2rem; + height: 100%; + border-left: 0.75rem solid #20112a; + border-right: 0.75rem solid #20112a; + left: 9.8rem; + background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 4rem, #20112a, #20112a 4.5rem); +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 5) > i:nth-of-type(3) { + height: 225%; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4:nth-of-type(n + 9) > i:nth-of-type(3) { + height: 13.5rem; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 { + border-bottom: none; +} +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(3) { + display: none !important; +} + +[id^=cb23]:checked ~ div > div > house > [for=ncb23] { + box-shadow: 0 0.5rem 0 #bc2f2f; +} +[id^=cb23]:checked ~ div > div > house > [for=ncb23] > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + top: 3.5rem; + border-radius: 0.5rem; +} +[id^=cb23]:checked ~ div > div > house > [for=ncb23] > i:nth-of-type(3):before { + width: 7rem; + height: 4rem; + left: -8em; + top: 6rem; + border-radius: 50% 50% 1rem 1rem/80% 80% 1rem 1rem; + background: #8bbc2f; + box-shadow: 3rem 1rem 0 -1rem #9bbc2f, 14rem 0.5rem 0 -0.5rem #71bc2f, 10rem 1rem 0 -1.25rem #8bbc2f; +} +[id^=cb23]:checked ~ div > div > house > [for=ncb23] > i:nth-of-type(3):after { + width: 0.75rem; + height: 0.75rem; + background: #fff; + border-radius: 50%; + left: -5rem; + top: 7rem; + box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff; +} +[id^=cb23]:checked ~ div > div > house > [for=ncb23].col3 > i:nth-of-type(3):before { + height: 3rem; + left: -8.5em; + top: 7rem; + background: #8bbc2f; + box-shadow: 3rem 0.75rem 0 -1rem #9bbc2f, 14rem 1rem 0 0.5rem #8bbc2f, 10rem 0.5rem 0 -0.5rem #71bc2f; +} +[id^=cb23]:checked ~ div > div > house > [for=ncb23].col3 > i:nth-of-type(3):after { + left: -7rem; +} +[id^=cb23]:checked ~ div > div > house > [for=ncb23].col2 > i:nth-of-type(3):before { + height: 3.5rem; + width: 6rem; + left: -7em; + top: 6.5rem; + background: #8bbc2f; + box-shadow: 3rem 0.75rem 0 -1rem #9bbc2f, 13rem 1rem 0 0.5rem #71bc2f, 9rem 0.5rem 0 -0.5rem #9bbc2f; +} +[id^=cb23]:checked ~ div > div > house > [for=ncb23].col2 > i:nth-of-type(3):after { + left: -7rem; +} +[id^=cb23]:checked ~ div > div > house > [for=ncb23].col1 > i:nth-of-type(3):before { + width: 6rem; + height: 3rem; + left: -6.5em; + top: 7rem; + border-radius: 50% 50% 1rem 1rem/80% 80% 1rem 1rem; + background: #9bbc2f; + box-shadow: 3rem 0.5rem 0 -0.75rem #8bbc2f, 9rem 0.5rem 0 -0.5rem #8bbc2f, 12rem -0.25rem 0 0.5rem #71bc2f; +} +[id^=cb23]:checked ~ div > div > house > [for=ncb23].col1 > i:nth-of-type(3):after { + width: 0.75rem; + height: 0.75rem; + background: #fff; + border-radius: 50%; + left: -5rem; + top: 7rem; + box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff; +} + +#cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for=ncb23] > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b20; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +#cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for=ncb23].col3 > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24].col3 > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26].col3 > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44; +} +#cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for=ncb23].col2 > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24].col2 > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529; +} +#cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for=ncb23] > i:nth-of-type(4), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4), +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4) { + transform: scale(0.5); + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b20, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +#cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for=ncb23] > i:nth-of-type(4):after, +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4):after, +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4):after { + height: 0.5rem; + top: 2.3rem; + background: #6a1b20; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +#cb23:checked ~ #cb24:not(:checked) ~ div > div > house > [for=ncb23] > i:nth-of-type(4):before, +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4):before, +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4):before { + width: 0.5rem; + left: 2.3rem; + background: #6a1b20; +} + +[id^=cb24]:checked ~ div > div > house > [for=ncb24] { + box-shadow: 0 0.5rem 0 #bc2f2f; +} +[id^=cb24]:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + top: 3.5rem; + border-radius: 0.5rem; +} +[id^=cb24]:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(3):before { + width: 7rem; + height: 4rem; + left: -8em; + top: 6rem; + border-radius: 50% 50% 1rem 1rem/80% 80% 1rem 1rem; + background: #8bbc2f; + box-shadow: 3rem 1rem 0 -1rem #9bbc2f, 14rem 0.5rem 0 -0.5rem #71bc2f, 10rem 1rem 0 -1.25rem #8bbc2f; +} +[id^=cb24]:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(3):after { + width: 0.75rem; + height: 0.75rem; + background: #fff; + border-radius: 50%; + left: -5rem; + top: 7rem; + box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff; +} +[id^=cb24]:checked ~ div > div > house > [for=ncb24].col3 > i:nth-of-type(3):before { + height: 3rem; + left: -8.5em; + top: 7rem; + background: #8bbc2f; + box-shadow: 3rem 0.75rem 0 -1rem #9bbc2f, 14rem 1rem 0 0.5rem #8bbc2f, 10rem 0.5rem 0 -0.5rem #71bc2f; +} +[id^=cb24]:checked ~ div > div > house > [for=ncb24].col3 > i:nth-of-type(3):after { + left: -7rem; +} +[id^=cb24]:checked ~ div > div > house > [for=ncb24].col2 > i:nth-of-type(3):before { + height: 3.5rem; + width: 6rem; + left: -7em; + top: 6.5rem; + background: #8bbc2f; + box-shadow: 3rem 0.75rem 0 -1rem #9bbc2f, 13rem 1rem 0 0.5rem #71bc2f, 9rem 0.5rem 0 -0.5rem #9bbc2f; +} +[id^=cb24]:checked ~ div > div > house > [for=ncb24].col2 > i:nth-of-type(3):after { + left: -7rem; +} +[id^=cb24]:checked ~ div > div > house > [for=ncb24].col1 > i:nth-of-type(3):before { + width: 6rem; + height: 3rem; + left: -6.5em; + top: 7rem; + border-radius: 50% 50% 1rem 1rem/80% 80% 1rem 1rem; + background: #9bbc2f; + box-shadow: 3rem 0.5rem 0 -0.75rem #8bbc2f, 9rem 0.5rem 0 -0.5rem #8bbc2f, 12rem -0.25rem 0 0.5rem #71bc2f; +} +[id^=cb24]:checked ~ div > div > house > [for=ncb24].col1 > i:nth-of-type(3):after { + width: 0.75rem; + height: 0.75rem; + background: #fff; + border-radius: 50%; + left: -5rem; + top: 7rem; + box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff; +} + +#cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for=ncb24] > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b20; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +#cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for=ncb24].col3 > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24].col3 > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26].col3 > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44; +} +#cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for=ncb24].col2 > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24].col2 > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529; +} +#cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for=ncb24] > i:nth-of-type(4), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4), +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4) { + transform: scale(0.5); + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b20, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +#cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for=ncb24] > i:nth-of-type(4):after, +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4):after, +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4):after { + height: 0.5rem; + top: 2.3rem; + background: #6a1b20; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +#cb24:checked ~ #cb25:not(:checked) ~ div > div > house > [for=ncb24] > i:nth-of-type(4):before, +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4):before, +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4):before { + width: 0.5rem; + left: 2.3rem; + background: #6a1b20; +} + +[id^=cb25]:checked ~ div > div > house > [for=ncb25] { + box-shadow: 0 0.5rem 0 #bc2f2f; +} +[id^=cb25]:checked ~ div > div > house > [for=ncb25] > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + top: 3.5rem; + border-radius: 0.5rem; +} +[id^=cb25]:checked ~ div > div > house > [for=ncb25] > i:nth-of-type(3):before { + width: 7rem; + height: 4rem; + left: -8em; + top: 6rem; + border-radius: 50% 50% 1rem 1rem/80% 80% 1rem 1rem; + background: #8bbc2f; + box-shadow: 3rem 1rem 0 -1rem #9bbc2f, 14rem 0.5rem 0 -0.5rem #71bc2f, 10rem 1rem 0 -1.25rem #8bbc2f; +} +[id^=cb25]:checked ~ div > div > house > [for=ncb25] > i:nth-of-type(3):after { + width: 0.75rem; + height: 0.75rem; + background: #fff; + border-radius: 50%; + left: -5rem; + top: 7rem; + box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff; +} +[id^=cb25]:checked ~ div > div > house > [for=ncb25].col3 > i:nth-of-type(3):before { + height: 3rem; + left: -8.5em; + top: 7rem; + background: #8bbc2f; + box-shadow: 3rem 0.75rem 0 -1rem #9bbc2f, 14rem 1rem 0 0.5rem #8bbc2f, 10rem 0.5rem 0 -0.5rem #71bc2f; +} +[id^=cb25]:checked ~ div > div > house > [for=ncb25].col3 > i:nth-of-type(3):after { + left: -7rem; +} +[id^=cb25]:checked ~ div > div > house > [for=ncb25].col2 > i:nth-of-type(3):before { + height: 3.5rem; + width: 6rem; + left: -7em; + top: 6.5rem; + background: #8bbc2f; + box-shadow: 3rem 0.75rem 0 -1rem #9bbc2f, 13rem 1rem 0 0.5rem #71bc2f, 9rem 0.5rem 0 -0.5rem #9bbc2f; +} +[id^=cb25]:checked ~ div > div > house > [for=ncb25].col2 > i:nth-of-type(3):after { + left: -7rem; +} +[id^=cb25]:checked ~ div > div > house > [for=ncb25].col1 > i:nth-of-type(3):before { + width: 6rem; + height: 3rem; + left: -6.5em; + top: 7rem; + border-radius: 50% 50% 1rem 1rem/80% 80% 1rem 1rem; + background: #9bbc2f; + box-shadow: 3rem 0.5rem 0 -0.75rem #8bbc2f, 9rem 0.5rem 0 -0.5rem #8bbc2f, 12rem -0.25rem 0 0.5rem #71bc2f; +} +[id^=cb25]:checked ~ div > div > house > [for=ncb25].col1 > i:nth-of-type(3):after { + width: 0.75rem; + height: 0.75rem; + background: #fff; + border-radius: 50%; + left: -5rem; + top: 7rem; + box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff; +} + +#cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for=ncb25] > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b20; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +#cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for=ncb25].col2 > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24].col2 > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44; +} +#cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for=ncb25].col2 > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24].col2 > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529; +} +#cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for=ncb25] > i:nth-of-type(4), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4), +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4) { + transform: scale(0.5); + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b20, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +#cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for=ncb25] > i:nth-of-type(4):after, +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4):after, +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4):after { + height: 0.5rem; + top: 2.3rem; + background: #6a1b20; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +#cb25:checked ~ #cb26:not(:checked) ~ div > div > house > [for=ncb25] > i:nth-of-type(4):before, +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4):before, +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4):before { + width: 0.5rem; + left: 2.3rem; + background: #6a1b20; +} + +[id^=cb26]:checked ~ div > div > house > [for=ncb26] { + box-shadow: 0 0.5rem 0 #bc2f2f; +} +[id^=cb26]:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(3) { + width: 4rem; + height: 9rem; + right: 0; + margin: auto; + top: 3.5rem; + border-radius: 0.5rem; +} +[id^=cb26]:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(3):before { + width: 7rem; + height: 4rem; + left: -8em; + top: 6rem; + border-radius: 50% 50% 1rem 1rem/80% 80% 1rem 1rem; + background: #8bbc2f; + box-shadow: 3rem 1rem 0 -1rem #9bbc2f, 14rem 0.5rem 0 -0.5rem #71bc2f, 10rem 1rem 0 -1.25rem #8bbc2f; +} +[id^=cb26]:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(3):after { + width: 0.75rem; + height: 0.75rem; + background: #fff; + border-radius: 50%; + left: -5rem; + top: 7rem; + box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 1.5rem 0 -0.05rem #fff, 15rem 1.5rem 0 -0.05rem #fff, 16rem 1rem 0 -0.1rem #fff; +} +[id^=cb26]:checked ~ div > div > house > [for=ncb26].col3 > i:nth-of-type(3):before { + height: 3rem; + left: -8.5em; + top: 7rem; + background: #8bbc2f; + box-shadow: 3rem 0.75rem 0 -1rem #9bbc2f, 14rem 1rem 0 0.5rem #8bbc2f, 10rem 0.5rem 0 -0.5rem #71bc2f; +} +[id^=cb26]:checked ~ div > div > house > [for=ncb26].col3 > i:nth-of-type(3):after { + left: -7rem; +} +[id^=cb26]:checked ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3):before { + height: 3.5rem; + width: 6rem; + left: -7em; + top: 6.5rem; + background: #8bbc2f; + box-shadow: 3rem 0.75rem 0 -1rem #9bbc2f, 13rem 1rem 0 0.5rem #71bc2f, 9rem 0.5rem 0 -0.5rem #9bbc2f; +} +[id^=cb26]:checked ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3):after { + left: -7rem; +} +[id^=cb26]:checked ~ div > div > house > [for=ncb26].col1 > i:nth-of-type(3):before { + width: 6rem; + height: 3rem; + left: -6.5em; + top: 7rem; + border-radius: 50% 50% 1rem 1rem/80% 80% 1rem 1rem; + background: #9bbc2f; + box-shadow: 3rem 0.5rem 0 -0.75rem #8bbc2f, 9rem 0.5rem 0 -0.5rem #8bbc2f, 12rem -0.25rem 0 0.5rem #71bc2f; +} +[id^=cb26]:checked ~ div > div > house > [for=ncb26].col1 > i:nth-of-type(3):after { + width: 0.75rem; + height: 0.75rem; + background: #fff; + border-radius: 50%; + left: -5rem; + top: 7rem; + box-shadow: 2rem 0.5rem 0 -0.1rem #fff, 1rem 0.75rem 0 -0.05rem #fff, 16rem 1.5rem 0 -0.05rem #fff, 15rem 1rem 0 -0.1rem #fff; +} + +#cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for=ncb26] > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #6a1b20; + box-shadow: inset 0 0.5rem 1rem rgba(79, 1, 14, 0.75); +} +#cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24].col2 > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #683f44; +} +#cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24].col2 > i:nth-of-type(3), +#cb26:checked ~ div > div > house > [for=ncb26].col2 > i:nth-of-type(3) { + background: radial-gradient(circle at 80% center, #bc2f38 0.25rem, rgba(255, 255, 255, 0) 0.25rem), radial-gradient(circle at 81% 52%, rgba(79, 1, 14, 0.75) 0.25rem, rgba(255, 255, 255, 0) 0.4rem), #252529; +} +#cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for=ncb26] > i:nth-of-type(4), +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4), +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4) { + transform: scale(0.5); + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #6a1b20, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 0 -2rem 0 #000, inset 0 -3.5rem 0 #20112a; +} +#cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for=ncb26] > i:nth-of-type(4):after, +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4):after, +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4):after { + height: 0.5rem; + top: 2.3rem; + background: #6a1b20; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +#cb26:checked ~ #cb27:not(:checked) ~ div > div > house > [for=ncb26] > i:nth-of-type(4):before, +#cb23:checked ~ #cb24:checked ~ #cb25:checked ~ #cb26:checked ~ div > div > house > [for=ncb24] > i:nth-of-type(4):before, +#cb26:checked ~ div > div > house > [for=ncb26] > i:nth-of-type(4):before { + width: 0.5rem; + left: 2.3rem; + background: #6a1b20; +} + +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 { + background: #a19372; + color: #a19372; + z-index: 310; +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(4), .hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(3), +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(4), +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(3), +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(4), +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(3), +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(4), +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(3) { + border-radius: 50% 50% 0.3rem 0.3rem; +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(3), +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(3), +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(3), +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(3) { + height: 10rem; + width: 4.5rem; + top: 2.5rem; +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(3):before, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(3):before, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(3):before, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(3):before { + top: 8rem; +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(3):after, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(3):after, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(3):after, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(3):after { + top: 8rem; +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(4):after, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row2.col3 > i:nth-of-type(4):after, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row3.col3 > i:nth-of-type(4):after, +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row4.col3 > i:nth-of-type(4):after { + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(1) { + display: none; +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(2) { + border: 1rem solid rgba(255, 255, 255, 0); + border-left: 3rem solid #bc3d2f; + top: -8.5rem; + left: 4.25rem; + box-shadow: none; +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(2):before { + top: 3.25rem; + left: -8.25rem; + background: #a19372; + width: 2.75rem; + height: 5rem; + border-radius: 0.25rem 0.25rem 50% 50%; + box-shadow: 4rem 0 0 #a19372, 8rem 0 0 #a19372, 12rem 0 0 #a19372; +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(2):after { + width: 14.5rem; + height: 3rem; + top: 6.25rem; + border-radius: 0 0 2rem 2rem; + background: #a19372; + left: -8.25rem; + filter: none; + border: none; + box-shadow: none; +} +.hs.house.row4.col2:not(:checked) ~ .hs.row4.col3:checked ~ .hs.house.row4.col4:not(:checked) ~ .hs.house.row3.col2:not(:checked) ~ .hs.row3.col3:checked ~ .hs.house.row3.col4:not(:checked) ~ .hs.house.row2.col2:not(:checked) ~ .hs.row2.col3:checked ~ .hs.house.row2.col4:not(:checked) ~ .hs.house.row1.col2:not(:checked) ~ .hs.row1.col3:checked ~ .hs.house.row1.col4:not(:checked) ~ div > div > house > .row1.col3 > i:nth-of-type(4):before { + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), -2rem -12.5rem 0 #20112a; +} + +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2 { + z-index: 310; + background: none; + border: none; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:after, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:before, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:after, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:before, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:after, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2:before, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2:after { + width: 80%; + height: 105%; + background: linear-gradient(to right, #a99c7e, currentColor); + transform: skewX(-2deg); + border-radius: 0.1rem 0.1rem 50% 50%/50% 50% 0.25rem 0.25rem; + top: 0; + left: -1rem; + box-shadow: none; + filter: none; + opacity: 1; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:after, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:after, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:after, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2:after { + left: auto; + right: -1rem; + transform: skewX(2deg); + background: linear-gradient(to right, rgba(255, 255, 255, 0), currentColor, #86795a); +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(4), +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(4), +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(4), +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(4) { + border-radius: 50%; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(3), +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(3), +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(3), +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(3) { + border-radius: 2rem 2rem 0.5rem 0.5rem; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(4):after, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2 > i:nth-of-type(4):after, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2 > i:nth-of-type(4):after, +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row4.col2 > i:nth-of-type(4):after { + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(1) { + display: none; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(2) { + width: 8rem; + height: 12rem; + border: 0.5rem solid rgba(255, 255, 255, 0); + border-top: 1rem solid #252529; + border-bottom: 6rem solid #6a1b20; + border-radius: 0.5rem 0.5rem 0 0; + top: -12rem; + left: 0; + right: 0; + margin: auto; + background: repeating-linear-gradient(to right, #252529 0.5rem, #252529 1rem, rgba(255, 255, 255, 0) 1rem, rgba(255, 255, 255, 0) 3.25rem), repeating-linear-gradient(45deg, #6a1b20, #6a1b20 0.2rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1rem), repeating-linear-gradient(-45deg, #6a1b20, #6a1b20 0.2rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1rem); + box-shadow: inset 0 -1rem 0 #252529; + background-size: cover; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(2):before { + border: 3rem solid rgba(255, 255, 255, 0); + width: 6.5rem; + box-shadow: inset 0 3rem 0 #6a1b20; + border-bottom-color: #20112a; + top: -10rem; + right: 0; + margin: auto; + height: 9rem; + border-radius: 0; + background: none; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 > i:nth-of-type(2):after { + width: 12.5rem; + background: repeating-linear-gradient(to right, #252529, #252529 0.5rem, rgba(255, 255, 255, 0) 0.5rem, rgba(255, 255, 255, 0) 1.32rem); + height: 5rem; + top: 6rem; + border-radius: 0.5rem; + border: none; + border-bottom: 1rem solid #252529; + border-top: 0.5rem solid #252529; + left: -10rem; + right: -10rem; + margin: auto; + box-shadow: none; + display: block; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2 { + color: #a19372; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:after { + left: -0.5rem; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row3.col2:after { + left: auto; + right: -0.5rem; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:after { + left: 0; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row2.col2:after { + left: auto; + right: 0; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2 { + color: #a19372; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:after { + left: 0.5rem; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div > div > house > .row1.col2:after { + left: auto; + right: 0.5rem; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ text { + transform: scale(1) !important; + z-index: 410; + transition: all 0.5s 1s ease-in-out; + opacity: 1; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ text welldone { + display: block; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ text gameover { + display: none; +} + +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4) { + border-radius: 50% !important; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(4):after { + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} + +.hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4) { + border-radius: 50%; +} +.hs.house.row4.col2:checked ~ .hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(4):after { + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3); +} + +house label, +shed label { + opacity: 0; +} +house label *, house label:after, house label:before, +shed label *, +shed label:after, +shed label:before { + transform: translate3d(0, 0, 0); +} + +@keyframes pop { + 0% { + opacity: 0; + transform: translate3d(0, -12rem, 0); + } + 99% { + opacity: 1; + transform: translate3d(0, 0, 0); + } +} +@keyframes popup { + 0% { + opacity: 0; + transform: translate3d(0, 12rem, 0); + } + 99% { + opacity: 1; + transform: translate3d(0, 0, 0); + } +} +.shed.row1.col1:checked ~ div > div > shed > .row1.col1, +.house.row1.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.shed.row1.col1:checked ~ div > div > shed > .row1.col1:after, .shed.row1.col1:checked ~ div > div > shed > .row1.col1 *:after, +.house.row1.col1:checked ~ div > div > house > .row1.col1:after, +.house.row1.col1:checked ~ div > div > house > .row1.col1 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row1.col1:checked ~ div > div > shed > .row1.col1:before, .shed.row1.col1:checked ~ div > div > shed > .row1.col1 *:before, +.house.row1.col1:checked ~ div > div > house > .row1.col1:before, +.house.row1.col1:checked ~ div > div > house > .row1.col1 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row1.col1:checked ~ div > div > house > .row1.col1 > i:nth-of-type(5) { + display: none !important; +} + +.house.row1.col1:checked ~ div > div > hbtn > .row1.col0 { + z-index: 100; +} + +.house.row1.col1:checked ~ div > div > hbtn > .row1.col2 { + z-index: 100; +} + +.house.row1.col1:checked ~ div > div > hbtn > .row2.col1 { + z-index: 100; +} + +.house.row1.col1:checked ~ div > div > hbtn > .row0.col1 { + z-index: 100; +} + +.shed.row1.col2:checked ~ div > div > shed > .row1.col2, +.house.row1.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.shed.row1.col2:checked ~ div > div > shed > .row1.col2:after, .shed.row1.col2:checked ~ div > div > shed > .row1.col2 *:after, +.house.row1.col2:checked ~ div > div > house > .row1.col2:after, +.house.row1.col2:checked ~ div > div > house > .row1.col2 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row1.col2:checked ~ div > div > shed > .row1.col2:before, .shed.row1.col2:checked ~ div > div > shed > .row1.col2 *:before, +.house.row1.col2:checked ~ div > div > house > .row1.col2:before, +.house.row1.col2:checked ~ div > div > house > .row1.col2 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row1.col2:checked ~ div > div > house > .row1.col2 > i:nth-of-type(5) { + display: none !important; +} + +.house.row1.col2:checked ~ div > div > hbtn > .row1.col1 { + z-index: 100; +} + +.house.row1.col2:checked ~ div > div > hbtn > .row1.col3 { + z-index: 100; +} + +.house.row1.col2:checked ~ div > div > hbtn > .row2.col2 { + z-index: 100; +} + +.house.row1.col2:checked ~ div > div > hbtn > .row0.col2 { + z-index: 100; +} + +.shed.row1.col3:checked ~ div > div > shed > .row1.col3, +.house.row1.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.shed.row1.col3:checked ~ div > div > shed > .row1.col3:after, .shed.row1.col3:checked ~ div > div > shed > .row1.col3 *:after, +.house.row1.col3:checked ~ div > div > house > .row1.col3:after, +.house.row1.col3:checked ~ div > div > house > .row1.col3 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row1.col3:checked ~ div > div > shed > .row1.col3:before, .shed.row1.col3:checked ~ div > div > shed > .row1.col3 *:before, +.house.row1.col3:checked ~ div > div > house > .row1.col3:before, +.house.row1.col3:checked ~ div > div > house > .row1.col3 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row1.col3:checked ~ div > div > house > .row1.col3 > i:nth-of-type(5) { + display: none !important; +} + +.house.row1.col3:checked ~ div > div > hbtn > .row1.col2 { + z-index: 100; +} + +.house.row1.col3:checked ~ div > div > hbtn > .row1.col4 { + z-index: 100; +} + +.house.row1.col3:checked ~ div > div > hbtn > .row2.col3 { + z-index: 100; +} + +.house.row1.col3:checked ~ div > div > hbtn > .row0.col3 { + z-index: 100; +} + +.shed.row1.col4:checked ~ div > div > shed > .row1.col4, +.house.row1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.shed.row1.col4:checked ~ div > div > shed > .row1.col4:after, .shed.row1.col4:checked ~ div > div > shed > .row1.col4 *:after, +.house.row1.col4:checked ~ div > div > house > .row1.col4:after, +.house.row1.col4:checked ~ div > div > house > .row1.col4 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row1.col4:checked ~ div > div > shed > .row1.col4:before, .shed.row1.col4:checked ~ div > div > shed > .row1.col4 *:before, +.house.row1.col4:checked ~ div > div > house > .row1.col4:before, +.house.row1.col4:checked ~ div > div > house > .row1.col4 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row1.col4:checked ~ div > div > house > .row1.col4 > i:nth-of-type(5) { + display: none !important; +} + +.house.row1.col4:checked ~ div > div > hbtn > .row1.col3 { + z-index: 100; +} + +.house.row1.col4:checked ~ div > div > hbtn > .row1.col5 { + z-index: 100; +} + +.house.row1.col4:checked ~ div > div > hbtn > .row2.col4 { + z-index: 100; +} + +.house.row1.col4:checked ~ div > div > hbtn > .row0.col4 { + z-index: 100; +} + +.shed.row2.col1:checked ~ div > div > shed > .row2.col1, +.house.row2.col1:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.shed.row2.col1:checked ~ div > div > shed > .row2.col1:after, .shed.row2.col1:checked ~ div > div > shed > .row2.col1 *:after, +.house.row2.col1:checked ~ div > div > house > .row2.col1:after, +.house.row2.col1:checked ~ div > div > house > .row2.col1 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row2.col1:checked ~ div > div > shed > .row2.col1:before, .shed.row2.col1:checked ~ div > div > shed > .row2.col1 *:before, +.house.row2.col1:checked ~ div > div > house > .row2.col1:before, +.house.row2.col1:checked ~ div > div > house > .row2.col1 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row2.col1:checked ~ div > div > house > .row2.col1 > i:nth-of-type(5) { + display: none !important; +} + +.house.row2.col1:checked ~ div > div > hbtn > .row2.col0 { + z-index: 100; +} + +.house.row2.col1:checked ~ div > div > hbtn > .row2.col2 { + z-index: 100; +} + +.house.row2.col1:checked ~ div > div > hbtn > .row3.col1 { + z-index: 100; +} + +.house.row2.col1:checked ~ div > div > hbtn > .row1.col1 { + z-index: 100; +} + +.shed.row2.col2:checked ~ div > div > shed > .row2.col2, +.house.row2.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.shed.row2.col2:checked ~ div > div > shed > .row2.col2:after, .shed.row2.col2:checked ~ div > div > shed > .row2.col2 *:after, +.house.row2.col2:checked ~ div > div > house > .row2.col2:after, +.house.row2.col2:checked ~ div > div > house > .row2.col2 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row2.col2:checked ~ div > div > shed > .row2.col2:before, .shed.row2.col2:checked ~ div > div > shed > .row2.col2 *:before, +.house.row2.col2:checked ~ div > div > house > .row2.col2:before, +.house.row2.col2:checked ~ div > div > house > .row2.col2 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row2.col2:checked ~ div > div > house > .row2.col2 > i:nth-of-type(5) { + display: none !important; +} + +.house.row2.col2:checked ~ div > div > hbtn > .row2.col1 { + z-index: 100; +} + +.house.row2.col2:checked ~ div > div > hbtn > .row2.col3 { + z-index: 100; +} + +.house.row2.col2:checked ~ div > div > hbtn > .row3.col2 { + z-index: 100; +} + +.house.row2.col2:checked ~ div > div > hbtn > .row1.col2 { + z-index: 100; +} + +.shed.row2.col3:checked ~ div > div > shed > .row2.col3, +.house.row2.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.shed.row2.col3:checked ~ div > div > shed > .row2.col3:after, .shed.row2.col3:checked ~ div > div > shed > .row2.col3 *:after, +.house.row2.col3:checked ~ div > div > house > .row2.col3:after, +.house.row2.col3:checked ~ div > div > house > .row2.col3 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row2.col3:checked ~ div > div > shed > .row2.col3:before, .shed.row2.col3:checked ~ div > div > shed > .row2.col3 *:before, +.house.row2.col3:checked ~ div > div > house > .row2.col3:before, +.house.row2.col3:checked ~ div > div > house > .row2.col3 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row2.col3:checked ~ div > div > house > .row2.col3 > i:nth-of-type(5) { + display: none !important; +} + +.house.row2.col3:checked ~ div > div > hbtn > .row2.col2 { + z-index: 100; +} + +.house.row2.col3:checked ~ div > div > hbtn > .row2.col4 { + z-index: 100; +} + +.house.row2.col3:checked ~ div > div > hbtn > .row3.col3 { + z-index: 100; +} + +.house.row2.col3:checked ~ div > div > hbtn > .row1.col3 { + z-index: 100; +} + +.shed.row2.col4:checked ~ div > div > shed > .row2.col4, +.house.row2.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.shed.row2.col4:checked ~ div > div > shed > .row2.col4:after, .shed.row2.col4:checked ~ div > div > shed > .row2.col4 *:after, +.house.row2.col4:checked ~ div > div > house > .row2.col4:after, +.house.row2.col4:checked ~ div > div > house > .row2.col4 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row2.col4:checked ~ div > div > shed > .row2.col4:before, .shed.row2.col4:checked ~ div > div > shed > .row2.col4 *:before, +.house.row2.col4:checked ~ div > div > house > .row2.col4:before, +.house.row2.col4:checked ~ div > div > house > .row2.col4 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row2.col4:checked ~ div > div > house > .row2.col4 > i:nth-of-type(5) { + display: none !important; +} + +.house.row2.col4:checked ~ div > div > hbtn > .row2.col3 { + z-index: 100; +} + +.house.row2.col4:checked ~ div > div > hbtn > .row2.col5 { + z-index: 100; +} + +.house.row2.col4:checked ~ div > div > hbtn > .row3.col4 { + z-index: 100; +} + +.house.row2.col4:checked ~ div > div > hbtn > .row1.col4 { + z-index: 100; +} + +.shed.row3.col1:checked ~ div > div > shed > .row3.col1, +.house.row3.col1:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.shed.row3.col1:checked ~ div > div > shed > .row3.col1:after, .shed.row3.col1:checked ~ div > div > shed > .row3.col1 *:after, +.house.row3.col1:checked ~ div > div > house > .row3.col1:after, +.house.row3.col1:checked ~ div > div > house > .row3.col1 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row3.col1:checked ~ div > div > shed > .row3.col1:before, .shed.row3.col1:checked ~ div > div > shed > .row3.col1 *:before, +.house.row3.col1:checked ~ div > div > house > .row3.col1:before, +.house.row3.col1:checked ~ div > div > house > .row3.col1 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row3.col1:checked ~ div > div > house > .row3.col1 > i:nth-of-type(5) { + display: none !important; +} + +.house.row3.col1:checked ~ div > div > hbtn > .row3.col0 { + z-index: 100; +} + +.house.row3.col1:checked ~ div > div > hbtn > .row3.col2 { + z-index: 100; +} + +.house.row3.col1:checked ~ div > div > hbtn > .row4.col1 { + z-index: 100; +} + +.house.row3.col1:checked ~ div > div > hbtn > .row2.col1 { + z-index: 100; +} + +.shed.row3.col2:checked ~ div > div > shed > .row3.col2, +.house.row3.col2:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.shed.row3.col2:checked ~ div > div > shed > .row3.col2:after, .shed.row3.col2:checked ~ div > div > shed > .row3.col2 *:after, +.house.row3.col2:checked ~ div > div > house > .row3.col2:after, +.house.row3.col2:checked ~ div > div > house > .row3.col2 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row3.col2:checked ~ div > div > shed > .row3.col2:before, .shed.row3.col2:checked ~ div > div > shed > .row3.col2 *:before, +.house.row3.col2:checked ~ div > div > house > .row3.col2:before, +.house.row3.col2:checked ~ div > div > house > .row3.col2 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row3.col2:checked ~ div > div > house > .row3.col2 > i:nth-of-type(5) { + display: none !important; +} + +.house.row3.col2:checked ~ div > div > hbtn > .row3.col1 { + z-index: 100; +} + +.house.row3.col2:checked ~ div > div > hbtn > .row3.col3 { + z-index: 100; +} + +.house.row3.col2:checked ~ div > div > hbtn > .row4.col2 { + z-index: 100; +} + +.house.row3.col2:checked ~ div > div > hbtn > .row2.col2 { + z-index: 100; +} + +.shed.row3.col3:checked ~ div > div > shed > .row3.col3, +.house.row3.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.shed.row3.col3:checked ~ div > div > shed > .row3.col3:after, .shed.row3.col3:checked ~ div > div > shed > .row3.col3 *:after, +.house.row3.col3:checked ~ div > div > house > .row3.col3:after, +.house.row3.col3:checked ~ div > div > house > .row3.col3 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row3.col3:checked ~ div > div > shed > .row3.col3:before, .shed.row3.col3:checked ~ div > div > shed > .row3.col3 *:before, +.house.row3.col3:checked ~ div > div > house > .row3.col3:before, +.house.row3.col3:checked ~ div > div > house > .row3.col3 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row3.col3:checked ~ div > div > house > .row3.col3 > i:nth-of-type(5) { + display: none !important; +} + +.house.row3.col3:checked ~ div > div > hbtn > .row3.col2 { + z-index: 100; +} + +.house.row3.col3:checked ~ div > div > hbtn > .row3.col4 { + z-index: 100; +} + +.house.row3.col3:checked ~ div > div > hbtn > .row4.col3 { + z-index: 100; +} + +.house.row3.col3:checked ~ div > div > hbtn > .row2.col3 { + z-index: 100; +} + +.shed.row3.col4:checked ~ div > div > shed > .row3.col4, +.house.row3.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.shed.row3.col4:checked ~ div > div > shed > .row3.col4:after, .shed.row3.col4:checked ~ div > div > shed > .row3.col4 *:after, +.house.row3.col4:checked ~ div > div > house > .row3.col4:after, +.house.row3.col4:checked ~ div > div > house > .row3.col4 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row3.col4:checked ~ div > div > shed > .row3.col4:before, .shed.row3.col4:checked ~ div > div > shed > .row3.col4 *:before, +.house.row3.col4:checked ~ div > div > house > .row3.col4:before, +.house.row3.col4:checked ~ div > div > house > .row3.col4 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row3.col4:checked ~ div > div > house > .row3.col4 > i:nth-of-type(5) { + display: none !important; +} + +.house.row3.col4:checked ~ div > div > hbtn > .row3.col3 { + z-index: 100; +} + +.house.row3.col4:checked ~ div > div > hbtn > .row3.col5 { + z-index: 100; +} + +.house.row3.col4:checked ~ div > div > hbtn > .row4.col4 { + z-index: 100; +} + +.house.row3.col4:checked ~ div > div > hbtn > .row2.col4 { + z-index: 100; +} + +.shed.row4.col1:checked ~ div > div > shed > .row4.col1, +.house.row4.col1:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} +.shed.row4.col1:checked ~ div > div > shed > .row4.col1:after, .shed.row4.col1:checked ~ div > div > shed > .row4.col1 *:after, +.house.row4.col1:checked ~ div > div > house > .row4.col1:after, +.house.row4.col1:checked ~ div > div > house > .row4.col1 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row4.col1:checked ~ div > div > shed > .row4.col1:before, .shed.row4.col1:checked ~ div > div > shed > .row4.col1 *:before, +.house.row4.col1:checked ~ div > div > house > .row4.col1:before, +.house.row4.col1:checked ~ div > div > house > .row4.col1 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row4.col1:checked ~ div > div > house > .row4.col1 > i:nth-of-type(5) { + display: none !important; +} + +.house.row4.col1:checked ~ div > div > hbtn > .row4.col0 { + z-index: 100; +} + +.house.row4.col1:checked ~ div > div > hbtn > .row4.col2 { + z-index: 100; +} + +.house.row4.col1:checked ~ div > div > hbtn > .row5.col1 { + z-index: 100; +} + +.house.row4.col1:checked ~ div > div > hbtn > .row3.col1 { + z-index: 100; +} + +.shed.row4.col2:checked ~ div > div > shed > .row4.col2, +.house.row4.col2:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} +.shed.row4.col2:checked ~ div > div > shed > .row4.col2:after, .shed.row4.col2:checked ~ div > div > shed > .row4.col2 *:after, +.house.row4.col2:checked ~ div > div > house > .row4.col2:after, +.house.row4.col2:checked ~ div > div > house > .row4.col2 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row4.col2:checked ~ div > div > shed > .row4.col2:before, .shed.row4.col2:checked ~ div > div > shed > .row4.col2 *:before, +.house.row4.col2:checked ~ div > div > house > .row4.col2:before, +.house.row4.col2:checked ~ div > div > house > .row4.col2 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row4.col2:checked ~ div > div > house > .row4.col2 > i:nth-of-type(5) { + display: none !important; +} + +.house.row4.col2:checked ~ div > div > hbtn > .row4.col1 { + z-index: 100; +} + +.house.row4.col2:checked ~ div > div > hbtn > .row4.col3 { + z-index: 100; +} + +.house.row4.col2:checked ~ div > div > hbtn > .row5.col2 { + z-index: 100; +} + +.house.row4.col2:checked ~ div > div > hbtn > .row3.col2 { + z-index: 100; +} + +.shed.row4.col3:checked ~ div > div > shed > .row4.col3, +.house.row4.col3:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} +.shed.row4.col3:checked ~ div > div > shed > .row4.col3:after, .shed.row4.col3:checked ~ div > div > shed > .row4.col3 *:after, +.house.row4.col3:checked ~ div > div > house > .row4.col3:after, +.house.row4.col3:checked ~ div > div > house > .row4.col3 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row4.col3:checked ~ div > div > shed > .row4.col3:before, .shed.row4.col3:checked ~ div > div > shed > .row4.col3 *:before, +.house.row4.col3:checked ~ div > div > house > .row4.col3:before, +.house.row4.col3:checked ~ div > div > house > .row4.col3 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row4.col3:checked ~ div > div > house > .row4.col3 > i:nth-of-type(5) { + display: none !important; +} + +.house.row4.col3:checked ~ div > div > hbtn > .row4.col2 { + z-index: 100; +} + +.house.row4.col3:checked ~ div > div > hbtn > .row4.col4 { + z-index: 100; +} + +.house.row4.col3:checked ~ div > div > hbtn > .row5.col3 { + z-index: 100; +} + +.house.row4.col3:checked ~ div > div > hbtn > .row3.col3 { + z-index: 100; +} + +.shed.row4.col4:checked ~ div > div > shed > .row4.col4, +.house.row4.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} +.shed.row4.col4:checked ~ div > div > shed > .row4.col4:after, .shed.row4.col4:checked ~ div > div > shed > .row4.col4 *:after, +.house.row4.col4:checked ~ div > div > house > .row4.col4:after, +.house.row4.col4:checked ~ div > div > house > .row4.col4 *:after { + animation: pop 0.1s linear forwards; +} +.shed.row4.col4:checked ~ div > div > shed > .row4.col4:before, .shed.row4.col4:checked ~ div > div > shed > .row4.col4 *:before, +.house.row4.col4:checked ~ div > div > house > .row4.col4:before, +.house.row4.col4:checked ~ div > div > house > .row4.col4 *:before { + animation: popup 0.1s linear forwards; +} + +.shed.row4.col4:checked ~ div > div > house > .row4.col4 > i:nth-of-type(5) { + display: none !important; +} + +.house.row4.col4:checked ~ div > div > hbtn > .row4.col3 { + z-index: 100; +} + +.house.row4.col4:checked ~ div > div > hbtn > .row4.col5 { + z-index: 100; +} + +.house.row4.col4:checked ~ div > div > hbtn > .row5.col4 { + z-index: 100; +} + +.house.row4.col4:checked ~ div > div > hbtn > .row3.col4 { + z-index: 100; +} + +.hs.row1.col1:checked ~ div > div > shed > .row1.col1 { + z-index: 300; +} + +.hs.row1.col1:checked ~ div > div > house > .row1.col1 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row1.col1:checked ~ div > div > house > .row1.col1 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row1.col2:checked ~ div > div > shed > .row1.col2 { + z-index: 300; +} + +.hs.row1.col2:checked ~ div > div > house > .row1.col2 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row1.col2:checked ~ div > div > house > .row1.col2 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row1.col3:checked ~ div > div > shed > .row1.col3 { + z-index: 300; +} + +.hs.row1.col3:checked ~ div > div > house > .row1.col3 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row1.col3:checked ~ div > div > house > .row1.col3 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row1.col4:checked ~ div > div > shed > .row1.col4 { + z-index: 300; +} + +.hs.row1.col4:checked ~ div > div > house > .row1.col4 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row1.col4:checked ~ div > div > house > .row1.col4 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row2.col1:checked ~ div > div > shed > .row2.col1 { + z-index: 300; +} + +.hs.row2.col1:checked ~ div > div > house > .row2.col1 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row2.col1:checked ~ div > div > house > .row2.col1 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row2.col2:checked ~ div > div > shed > .row2.col2 { + z-index: 300; +} + +.hs.row2.col2:checked ~ div > div > house > .row2.col2 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row2.col2:checked ~ div > div > house > .row2.col2 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row2.col3:checked ~ div > div > shed > .row2.col3 { + z-index: 300; +} + +.hs.row2.col3:checked ~ div > div > house > .row2.col3 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row2.col3:checked ~ div > div > house > .row2.col3 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row2.col4:checked ~ div > div > shed > .row2.col4 { + z-index: 300; +} + +.hs.row2.col4:checked ~ div > div > house > .row2.col4 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row2.col4:checked ~ div > div > house > .row2.col4 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row3.col1:checked ~ div > div > shed > .row3.col1 { + z-index: 300; +} + +.hs.row3.col1:checked ~ div > div > house > .row3.col1 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row3.col1:checked ~ div > div > house > .row3.col1 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row3.col2:checked ~ div > div > shed > .row3.col2 { + z-index: 300; +} + +.hs.row3.col2:checked ~ div > div > house > .row3.col2 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row3.col2:checked ~ div > div > house > .row3.col2 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row3.col3:checked ~ div > div > shed > .row3.col3 { + z-index: 300; +} + +.hs.row3.col3:checked ~ div > div > house > .row3.col3 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row3.col3:checked ~ div > div > house > .row3.col3 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row3.col4:checked ~ div > div > shed > .row3.col4 { + z-index: 300; +} + +.hs.row3.col4:checked ~ div > div > house > .row3.col4 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row3.col4:checked ~ div > div > house > .row3.col4 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row4.col1:checked ~ div > div > shed > .row4.col1 { + z-index: 300; +} + +.hs.row4.col1:checked ~ div > div > house > .row4.col1 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row4.col1:checked ~ div > div > house > .row4.col1 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row4.col2:checked ~ div > div > shed > .row4.col2 { + z-index: 300; +} + +.hs.row4.col2:checked ~ div > div > house > .row4.col2 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row4.col2:checked ~ div > div > house > .row4.col2 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row4.col3:checked ~ div > div > shed > .row4.col3 { + z-index: 300; +} + +.hs.row4.col3:checked ~ div > div > house > .row4.col3 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row4.col3:checked ~ div > div > house > .row4.col3 { + background: #bc3d2f; + color: #bc3d2f; +} + +.hs.row4.col4:checked ~ div > div > shed > .row4.col4 { + z-index: 300; +} + +.hs.row4.col4:checked ~ div > div > house > .row4.col4 { + background: #bc2f2f; + z-index: 300; + color: #bc2f2f; +} + +.hs.shed.row4.col4:checked ~ div > div > house > .row4.col4 { + background: #bc3d2f; + color: #bc3d2f; +} + +.house.row0.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col0, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col0, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-1, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col0, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-2, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-1, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-2, +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} + +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > shed > .row-1.col-2, +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} + +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} + +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-2, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2, +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col0, +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col1, +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-1, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row-1.col-2 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-1, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-2.col-1:checked ~ div > div > shed > .row-2.col-1, +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-2.col-1:checked ~ div > div > shed > .row-2.col-2 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col3:checked ~ div > div > shed > .row-2.col4, +.house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col3:checked ~ div > div > shed > .row-2.col3 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-2, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col-2, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-2, +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col-2, +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-2.col-2 { + opacity: 0; +} + +.hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-2, +.hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1, +.hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2, +.hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col2, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col2, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col3, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3, +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3, +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4, +.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col-2, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col2, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col3, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col3, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col4, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col3, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col0:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col0:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.house.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3, +.hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col1, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4, +.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2, +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.house.row2.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row0.col-1, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col0, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col3, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col2, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row-1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-2, +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1, +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2, +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-1, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-2, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col-2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.house.row0.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col0, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col0, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-1, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col0, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-2, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-1, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-2, +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} + +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > house > .row-1.col-2, +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} + +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} + +.hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-2, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2, +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1, +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col0, +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col1, +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-1, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row-1.col-2 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-1, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-2.col-1:checked ~ div > div > house > .row-2.col-1, +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-2.col-1:checked ~ div > div > house > .row-2.col-2 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col3:checked ~ div > div > house > .row-2.col4, +.house.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col3:checked ~ div > div > house > .row-2.col3 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-2, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col-2, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-2, +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col-2, +.house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-2.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-2.col-2 { + opacity: 1; +} + +.hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-2, +.hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1, +.hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2, +.hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-2:checked ~ .house.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col2, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col2, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col3, +.hs.row1.col0:checked ~ .house.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3, +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col3, +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4, +.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .house.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col-2, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col2, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col3, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col3, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col4, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col3, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .house.row-1.col0:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col0:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .house.row-1.col0:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.house.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, +.house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3, +.hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col1, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4, +.hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2, +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.house.row2.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row0.col-1, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col0, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col3, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col2, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row-1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-2, +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1, +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2, +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-1, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-2, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col3, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col-2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.house.row1.col1:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col0, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col0, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-1, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col0, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-2, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-2, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-2, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-2, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2, +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1, +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col0, +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col1, +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-1, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-1, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-1, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-2 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-2, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col-2, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-2, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-2, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row-1.col-2 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-2, +.hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1, +.hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2, +.hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col3, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3, +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3, +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4, +.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col-2, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col-2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col2, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col3, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col3, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col4, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col3, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col0:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col0:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.house.row2.col1:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col2, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col3, +.hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col1, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4, +.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col2, +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.house.row3.col1:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-1, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-1, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col3, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-2, +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1, +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2, +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-2, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.house.row1.col1:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col0, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col0, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-1, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col0, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-2, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-2, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-2, +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-2, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2, +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1, +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col0, +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col1, +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-1, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-1, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-1, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-2 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4, +.house.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-2, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col-2, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-2, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-2, +.house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row-1.col-2 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-2, +.hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1, +.hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2, +.hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-2:checked ~ .house.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col2, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col2, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col3, +.hs.row2.col0:checked ~ .house.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3, +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col3, +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4, +.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .house.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col-2, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col-2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col2, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col3, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col3, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col4, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col3, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row0.col0:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col0:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row0.col0:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.house.row2.col1:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col2, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4, +.house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col3, +.hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col1, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4, +.hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col2, +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.house.row3.col1:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-1, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-1, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col3, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-2, +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1, +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2, +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-2, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.house.row2.col1:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col0, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col0, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col0, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-2, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-2, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-2, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-2, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2 { + opacity: 0; +} + +.hs.row5.col-2:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1 { + opacity: 0; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2, +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1, +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col0, +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col1, +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2 { + opacity: 0; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-2 { + opacity: 0; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2 { + opacity: 0; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row4.col0:checked ~ .house.row4.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row2.col-1, +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-1, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-1, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row3.col-2, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col-2, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-2, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-2, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row0.col-2 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row3.col-2, +.hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row4.col-2 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-2, +.hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col-2 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col-1, +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3, +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col3, +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3, +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col4, +.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col4, +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col4, +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-1, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-1, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row4.col-2 { + opacity: 0; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row3.col-2, +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > shed > .row5.col-2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col2, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col3, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col3, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > shed > .row4.col4, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col3, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col0:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col0:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.house.row3.col1:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col2, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col3, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col4, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col3, +.hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col1, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col2:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col4, +.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col2, +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.house.row4.col1:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-1, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col0, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col-1, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col3, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-1, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row3.col-2, +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1, +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-2, +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-1, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-2, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.house.row2.col1:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col0, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col0, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-1, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col0, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-2, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-2, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-2, +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-2, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2 { + opacity: 1; +} + +.hs.row5.col-2:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1 { + opacity: 1; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2, +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1, +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col0, +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col1, +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2 { + opacity: 1; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-2 { + opacity: 1; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2 { + opacity: 1; +} + +.hs.row5.col-2:checked ~ .hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-2:checked ~ .hs.row4.col0:checked ~ .house.row4.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > house > .row2.col-1, +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-1, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-1, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, +.house.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row3.col-2, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col-2, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-2, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-2, +.house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row0.col-2 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row3.col-2, +.hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row4.col-2 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-1, +.hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-2, +.hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col-2 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col-1, +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-2:checked ~ .house.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3, +.hs.row3.col0:checked ~ .house.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3, +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col3, +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3, +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col4, +.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col4, +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col4, +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .house.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-1, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-1, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row4.col-2 { + opacity: 1; +} + +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row3.col-2, +.hs.row4.col-2:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col1:checked ~ div > div > house > .row5.col-2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col2, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col3, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col3, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col1:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > house > .row4.col4, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col1:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col3, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row1.col0:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col0:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row1.col0:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.house.row3.col1:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col3, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col2, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4, +.house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col3, +.hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col1, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col2:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col2:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col4, +.hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col2, +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.house.row4.col1:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-1, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col0, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col-1, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col3, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col-1, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2, +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row3.col-2, +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1, +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-2, +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-1, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-2, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3, +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.house.row0.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col0, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col-1, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col0, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col-1, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col-1, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col-1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0, +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col1, +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col2, +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col0, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-2.col0:checked ~ div > div > shed > .row-2.col0, +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-2.col0:checked ~ div > div > shed > .row-2.col-1 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-2.col4:checked ~ div > div > shed > .row-2.col5, +.house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-2.col4:checked ~ div > div > shed > .row-2.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col-1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col-1, +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col-1, +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-2.col-1 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1, +.hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0, +.hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1, +.hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col3, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col3, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col4, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4, +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4, +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col5, +.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col3, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col4, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col4, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col5, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col4, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.house.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4, +.hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2, +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5, +.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3, +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.house.row2.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col-2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col0, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col1, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col4, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col-1, +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0, +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1, +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col0, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col-1, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.house.row0.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col0, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col-1, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col0, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col-1, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col-1, +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col-1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1, +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0, +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col1, +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col2, +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col0, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-2.col0:checked ~ div > div > house > .row-2.col0, +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-2.col0:checked ~ div > div > house > .row-2.col-1 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-2.col4:checked ~ div > div > house > .row-2.col5, +.house.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-2.col4:checked ~ div > div > house > .row-2.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col-1, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col-1, +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col-1, +.house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-2.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-2.col-1 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1, +.hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0, +.hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1, +.hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col-1:checked ~ .house.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col3, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col3, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col4, +.hs.row1.col1:checked ~ .house.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4, +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col4, +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col5, +.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .house.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col3, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col4, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col4, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col5, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col4, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .house.row-1.col1:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .house.row-1.col1:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.house.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5, +.house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4, +.hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2, +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5, +.hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3, +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.house.row2.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col-2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col0, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col1, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col4, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col-1, +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0, +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1, +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col0, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col-1:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col-1, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.house.row1.col2:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col0, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col-1, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1, +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0, +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col1, +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col2, +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col0, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col0, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col-1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col-1, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col-1, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row-1.col-1 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col0, +.hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col-1, +.hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col0, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col3, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col4, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4, +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5, +.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col3, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col5, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.house.row2.col2:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col3, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col4, +.hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col2, +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col5, +.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3, +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.house.row3.col2:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row0.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col-2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col0, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col1, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col0, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col4, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col-1, +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0, +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1, +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col-1, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.house.row1.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col0, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col-1, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col-1, +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col0, +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col1, +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col2, +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col0, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col0, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5, +.house.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col-1, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col-1, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col-1, +.house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row-1.col-1 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1, +.hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col0, +.hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col-1, +.hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col0, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col-1:checked ~ .house.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col3, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col3, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col4, +.hs.row2.col1:checked ~ .house.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col4, +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5, +.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .house.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col3, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col5, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col4, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row0.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .house.row0.col1:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.house.row2.col2:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col3, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5, +.house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col4, +.hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col2, +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col5, +.hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3, +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.house.row3.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row0.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col-2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col0, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col1, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col0, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col4, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col-1, +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0, +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1, +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col-1:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col-1, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col2:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.house.row2.col2:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row3.col1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row3.col0, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col-1 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col-1, +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col0, +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col1, +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col2, +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col-1 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col-1 { + opacity: 0; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col1:checked ~ .house.row4.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row2.col0, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col0, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col0, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col-1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col-1, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col-1, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row0.col-1 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col0, +.hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col-1, +.hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col0, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col3, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4, +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col4, +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col4, +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col5, +.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col5, +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col5, +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col0, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col0, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row4.col-1 { + opacity: 0; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row3.col-1, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > shed > .row5.col-1 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col3, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ div > div > shed > .row4.col5, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row5.col5 { + opacity: 0; +} + +.house.row3.col2:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col3, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col4, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col5, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col4, +.hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col2, +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row5.col5 { + opacity: 0; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col3:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col5, +.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col3, +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col5 { + opacity: 0; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col5 { + opacity: 0; +} + +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.house.row4.col2:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row1.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col-2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col0, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col1, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col0, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col4, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row3.col-1, +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0, +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col-1, +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col0, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col-1, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.house.row2.col2:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row3.col1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row3.col0, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row3.col-1, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col-1 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col-1, +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col0, +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col1, +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col2, +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col-1 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col-1 { + opacity: 1; +} + +.hs.row5.col-1:checked ~ .hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col-1:checked ~ .hs.row4.col1:checked ~ .house.row4.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ div > div > house > .row2.col0, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col0, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col0, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, +.house.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col-1, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col-1, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col-1, +.house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row0.col-1 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row3.col-1, +.hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col0, +.hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col-1, +.hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col0, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col-1:checked ~ .house.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col3, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4, +.hs.row3.col1:checked ~ .house.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4, +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col4, +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col4, +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col5, +.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col5, +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col5, +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .house.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col0, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col0, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row4.col-1 { + opacity: 1; +} + +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row3.col-1, +.hs.row4.col-1:checked ~ .hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col2:checked ~ div > div > house > .row5.col-1 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col3, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col2:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ div > div > house > .row4.col5, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col2:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col4, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row1.col1:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .house.row1.col1:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row5.col5 { + opacity: 1; +} + +.house.row3.col2:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col3, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col5, +.house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col4, +.hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col2, +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row5.col5 { + opacity: 1; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col3:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col3:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col5, +.hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col3, +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col5 { + opacity: 1; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col5 { + opacity: 1; +} + +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row5.col3:checked ~ .hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.house.row4.col2:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row1.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col-2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col0, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col1, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col0, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col4, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3, +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col-1:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row3.col-1, +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0, +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col-1, +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col0, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col-1:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col-1, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col-1:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4, +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.house.row0.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col2, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col2, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col1, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col2, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col0, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col1, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col0, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col0, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col0, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col0, +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col1, +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col2, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col3, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col1, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-2.col1:checked ~ div > div > shed > .row-2.col1, +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-2.col1:checked ~ div > div > shed > .row-2.col0 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-2.col5:checked ~ div > div > shed > .row-2.col6, +.house.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-2.col5:checked ~ div > div > shed > .row-2.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col0, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-2.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col0, +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-2.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col0, +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-2.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-2.col0 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0, +.hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col1, +.hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col0, +.hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col1, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col4, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col4, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col5, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5, +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col5, +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col5, +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col6, +.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col4, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col5, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col5, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col6, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row0.col5, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.house.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5, +.hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3, +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6, +.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4, +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.house.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col-1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col1, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col2, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col5, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col0, +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1, +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0, +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col1, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col0, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.house.row0.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col2, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col2, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col1, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col2, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col0, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col1, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col0, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col0, +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col0, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col0, +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col1, +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col2, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col3, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col1, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-2.col1:checked ~ div > div > house > .row-2.col1, +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-2.col1:checked ~ div > div > house > .row-2.col0 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-2.col5:checked ~ div > div > house > .row-2.col6, +.house.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-2.col5:checked ~ div > div > house > .row-2.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col0, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-2.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col0, +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-2.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col0, +.house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-2.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-2.col0 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0, +.hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col1, +.hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col0, +.hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col1, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row1.col0:checked ~ .house.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col4, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col4, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col5, +.hs.row1.col2:checked ~ .house.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5, +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col5, +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col5, +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col6, +.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .house.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col4, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col5, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col5, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col6, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row0.col5, +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .house.row-1.col3:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .house.row-1.col2:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .house.row-1.col2:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.house.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6, +.house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5, +.hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3, +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6, +.hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4, +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.house.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col-1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col1, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col2, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col5, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col0, +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1, +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0, +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col1, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col0:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col0, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col5, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.house.row1.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col2, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col2, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col1, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col2, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col0, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col0, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col0, +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col1, +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col2, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col3, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col1, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col1, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col0, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col0, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col0, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col0, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row-1.col0 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col0, +.hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col1, +.hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col0, +.hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col4, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col5, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5, +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col5, +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5, +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6, +.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col4, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col6, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.house.row2.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col4, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col5, +.hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3, +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col6, +.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col4, +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.house.row3.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col-1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col1, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col2, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col1, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col5, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col0, +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1, +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0, +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col0, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.house.row1.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col2, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col2, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col1, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col2, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col0, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col0, +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col0, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col0, +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col1, +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col2, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col3, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col1, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col1, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6, +.house.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col0, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col0, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col0, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col0, +.house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row-1.col0 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col0, +.hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col1, +.hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col0, +.hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row2.col0:checked ~ .house.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col4, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col4, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col5, +.hs.row2.col2:checked ~ .house.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5, +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col5, +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5, +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6, +.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .house.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col4, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col6, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col5, +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row0.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .house.row0.col2:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.house.row2.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col4, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6, +.house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col5, +.hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3, +.hs.row4.col4:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col6, +.hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col4, +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.house.row3.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row0.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col-1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col1, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col2, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col1, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col5, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col0, +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1, +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0, +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col0:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col0, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.house.row2.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col2, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row3.col2, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row3.col1, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col2, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row3.col0, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col0, +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col1, +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col2, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col3, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col0:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col0:checked ~ .hs.row4.col2:checked ~ .house.row4.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row2.col1, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col1, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col0, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col0, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col0, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col0, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row0.col0 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row3.col0, +.hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col1, +.hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col0, +.hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col1, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col4, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5, +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col5, +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col5, +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col6, +.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col6, +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row3.col6, +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col1, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col1, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row4.col0 { + opacity: 0; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row3.col0, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > shed > .row5.col0 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col4, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ div > div > shed > .row4.col6, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row5.col6 { + opacity: 0; +} + +.house.row3.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col4, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col5, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row4.col6, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col5, +.hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col3, +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col5 { + opacity: 0; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row5.col6 { + opacity: 0; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col4:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col6, +.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col5 { + opacity: 0; +} + +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col4, +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col6 { + opacity: 0; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row5.col6 { + opacity: 0; +} + +.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row5.col5 { + opacity: 0; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.house.row4.col3:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col-1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col1, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col2, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col6, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col1, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col5, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row3.col0, +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1, +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col0, +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col1, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col0, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.house.row2.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col2, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row3.col2, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row3.col1, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col2, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row3.col0, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col0, +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col0, +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col1, +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col2, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col3, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col0:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row5.col0:checked ~ .hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col0:checked ~ .hs.row4.col2:checked ~ .house.row4.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ div > div > house > .row2.col1, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col1, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6, +.house.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col0, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col0, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col0, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col0, +.house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row0.col3:checked ~ .hs.row1.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row0.col0 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row3.col0, +.hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row3.col0:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col1, +.hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col0, +.hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col1, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row3.col0:checked ~ .house.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col4, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5, +.hs.row3.col2:checked ~ .house.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5, +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col5, +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col5, +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col6, +.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col6, +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ div > div > house > .row3.col6, +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .house.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col1, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col1, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row4.col0 { + opacity: 1; +} + +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row3.col0, +.hs.row4.col0:checked ~ .hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col3:checked ~ div > div > house > .row5.col0 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col4, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col3:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ div > div > house > .row4.col6, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col3:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col5, +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row1.col2:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .house.row1.col2:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row5.col6 { + opacity: 1; +} + +.house.row3.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col4, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col6, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col5, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row4.col6, +.house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col5, +.hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col3, +.hs.row5.col4:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col5 { + opacity: 1; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row5.col6 { + opacity: 1; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col4:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col4:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col6, +.hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col5 { + opacity: 1; +} + +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col4, +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col6 { + opacity: 1; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row5.col6 { + opacity: 1; +} + +.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row5.col5 { + opacity: 1; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col4:checked ~ .hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.house.row4.col3:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row1.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col-1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col1, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col2, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col6, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col1, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col5, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4, +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col0:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row3.col0, +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1, +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col0, +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col1, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col0:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col0, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col0:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5, +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.house.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col3, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col3, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col2, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col3, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col1, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col2, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col1, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col1, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col1, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col1, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col2, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col3, +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col4, +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col2, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col2:checked ~ div > div > shed > .row-2.col2, +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col2:checked ~ div > div > shed > .row-2.col1 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-2.col6:checked ~ div > div > shed > .row-2.col7, +.house.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-2.col6:checked ~ div > div > shed > .row-2.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col1, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col1, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-2.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col1, +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-2.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col1, +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-2.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-2.col1 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col1, +.hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col2, +.hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col1, +.hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col2, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col5, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col5, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col6, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6, +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col6, +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col6, +.hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col7, +.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col7, +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col7, +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col2, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col2, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col5, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col6, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col6, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col7, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row0.col6, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} + +.hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} +.hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.house.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} + +.hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6, +.hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col4, +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col7, +.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5, +.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.house.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col0 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col2, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col3, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col4, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col2, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col6, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row0.col5, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col1, +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row-1.col2, +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1, +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col2, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col1, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row-1.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col3 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col3:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col2 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.house.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col3, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col3, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col2, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col3, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col1, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col2, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col1, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col1, +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col1, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col1, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col2, +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col3, +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col4, +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col2, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col2:checked ~ div > div > house > .row-2.col2, +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-2.col2:checked ~ div > div > house > .row-2.col1 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-2.col6:checked ~ div > div > house > .row-2.col7, +.house.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-2.col6:checked ~ div > div > house > .row-2.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col1, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col1, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-2.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col1, +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-2.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col1, +.house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-2.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-2.col1 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col1, +.hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col2, +.hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col1, +.hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col2, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row1.col1:checked ~ .house.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col5, +.hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col5, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} + +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col6, +.hs.row1.col3:checked ~ .house.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6, +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col6, +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col6, +.hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col7, +.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col7, +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col7, +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .house.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col2, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col2, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col5, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col6, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col6, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col7, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row0.col6, +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .house.row-1.col4:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ .house.row-1.col4:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .house.row-1.col3:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .house.row-1.col3:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} + +.hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} +.hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .house.row-1.col4:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.house.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7, +.house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} + +.hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6, +.hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col4, +.hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col7, +.hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5, +.hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.house.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col0 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col2, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col3, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col4, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col6, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row0.col5, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col1, +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ div > div > house > .row-1.col2, +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1, +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col2, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col1:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col1, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row-1.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col6, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col7:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col5:checked ~ .hs.row-1.col6:checked ~ .hs.row-1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col3 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row-1.col3:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col2 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col2:checked ~ .hs.row-1.col3:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col4:checked ~ .hs.row-1.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.house.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col3, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col3, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col2, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col3, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col1, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col2, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col1, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col1, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col2, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col3, +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col4, +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col2, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > shed > .row-1.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col1, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col1, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col1, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col1, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row-1.col1 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col1, +.hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col2, +.hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col1, +.hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col5, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col5, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col6, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6, +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col6, +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col6, +.hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col7, +.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col7, +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row2.col7, +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col2, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col2, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col5, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col7, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} + +.hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row4.col7 { + opacity: 0; +} + +.house.row2.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col5, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row3.col7, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col6, +.hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col4, +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col7 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col7, +.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col5, +.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col7 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col7 { + opacity: 0; +} + +.hs.row4.col7:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col4 { + opacity: 0; +} + +.house.row3.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col0 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col2, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col3, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col4, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col2, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col6, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row1.col5, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col1, +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row0.col2, +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1, +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col2, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col1, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row0.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col3 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col3:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col2 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} + +.house.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col3, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col3, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col2, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col3, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col1, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col2, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col1, +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col1, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col1, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col2, +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col3, +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col4, +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col2, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col2, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row-1.col2:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col7, +.house.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row-1.col6:checked ~ div > div > house > .row-1.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col1, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col1, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col1, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col1, +.house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row-1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row-1.col1 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col1, +.hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col2, +.hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col1, +.hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row2.col1:checked ~ .house.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col5, +.hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col5, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col6, +.hs.row2.col3:checked ~ .house.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6, +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col6, +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col6, +.hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col7, +.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col7, +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ div > div > house > .row2.col7, +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row2.col2:checked ~ .house.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col2, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col2, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row2.col3:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col5, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col7, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col6, +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .house.row0.col4:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .house.row0.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .house.row0.col3:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} + +.hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .house.row0.col4:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row4.col7 { + opacity: 1; +} + +.house.row2.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col5, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row3.col7, +.house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col6, +.hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col4, +.hs.row4.col5:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col7 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col7, +.hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col5, +.hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col7 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col7 { + opacity: 1; +} + +.hs.row4.col7:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col4 { + opacity: 1; +} + +.house.row3.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row0.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col0 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col2, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col3, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col4, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ .hs.row0.col7:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col6:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col2, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col6, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col5:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row1.col5, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col1, +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ div > div > house > .row0.col2, +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1, +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col7:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row0.col1:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col1, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row0.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col6, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col7:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col5:checked ~ .hs.row0.col6:checked ~ .hs.row0.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col3 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ .hs.row0.col3:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col2 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col2:checked ~ .hs.row0.col3:checked ~ .hs.row0.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col4:checked ~ .hs.row0.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} + +.house.row2.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col3, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row3.col3, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row3.col2, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col3, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row3.col1, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col2, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col1, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col2, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col3 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col3, +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col4, +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col2 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col1:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col1:checked ~ .hs.row4.col3:checked ~ .house.row4.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row2.col2, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col2, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col2, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > shed > .row0.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col1, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col1, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col1, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col1, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row0.col1 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row3.col1, +.hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col2, +.hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col2 { + opacity: 0; +} + +.hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col1, +.hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col2, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col5, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col5, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6, +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row3.col6, +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col7 { + opacity: 0; +} + +.hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col6, +.hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col7, +.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col7, +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row3.col7, +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col7 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col6 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row4.col3 { + opacity: 0; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col2, +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col2, +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row4.col1 { + opacity: 0; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row3.col1, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > shed > .row5.col1 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col5, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ div > div > shed > .row4.col7, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} + +.hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row5.col7 { + opacity: 0; +} + +.house.row3.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col6, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col5, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row4.col6, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row4.col7, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} + +.hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col6, +.hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col5 { + opacity: 0; +} + +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col4, +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col6 { + opacity: 0; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row5.col7 { + opacity: 0; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row5.col7:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row4.col7 { + opacity: 0; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row5.col7:checked ~ .hs.row4.col5:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} + +.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row4.col7, +.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row5.col6 { + opacity: 0; +} + +.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row5.col5, +.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row5.col7 { + opacity: 0; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row5.col7 { + opacity: 0; +} + +.hs.row5.col7:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row5.col6 { + opacity: 0; +} + +.hs.row5.col6:checked ~ .hs.row5.col7:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row5.col5 { + opacity: 0; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row5.col7:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row5.col4 { + opacity: 0; +} + +.house.row4.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col0 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col5 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row3.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col2, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row4.col5 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col3, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col4, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row3.col7, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col2, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col6, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row2.col2, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row2.col5, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row3.col1, +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row1.col2, +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col1, +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col5 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row2.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row2.col7, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row4.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row2.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row4.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > shed > .row3.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col2, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row2.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row3.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row2.col1, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > shed > .row1.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row2.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row3.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col5 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > shed > .row1.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row1.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > shed > .row2.col6 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > shed > .row2.col7 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col3 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col3:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col2 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row1.col1 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row2.col4 { + opacity: 0; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > shed > .row3.col4 { + opacity: 0; +} + +.house.row2.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col3, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row3.col3, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row3.col2, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col3, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row3.col1, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col2, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col1, +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col1, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col2, +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col3 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col3, +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col4, +.hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col2 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col1:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row5.col2:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row5.col1:checked ~ .hs.row5.col2:checked ~ .hs.row5.col3:checked ~ .hs.row4.col1:checked ~ .hs.row4.col3:checked ~ .house.row4.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ div > div > house > .row2.col2, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col2, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col2, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row0.col2:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col7, +.house.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row0.col6:checked ~ div > div > house > .row0.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col1, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col1, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col1, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col1, +.house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row0.col4:checked ~ .hs.row1.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row0.col1 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row3.col1, +.hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row3.col1:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col2, +.hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col2 { + opacity: 1; +} + +.hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col1, +.hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col2, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row3.col1:checked ~ .house.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col5, +.hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col5, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6, +.hs.row3.col3:checked ~ .house.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6, +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row3.col6, +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col7 { + opacity: 1; +} + +.hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col6, +.hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col7, +.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col7, +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ div > div > house > .row3.col7, +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col7 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .hs.row4.col6:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col7:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col6 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row3.col2:checked ~ .house.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row4.col3 { + opacity: 1; +} + +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col2, +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col2, +.hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row4.col1 { + opacity: 1; +} + +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row3.col1, +.hs.row4.col1:checked ~ .hs.row4.col2:checked ~ .hs.row4.col3:checked ~ .hs.row3.col3:checked ~ .house.row3.col4:checked ~ div > div > house > .row5.col1 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col5, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .house.row2.col4:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ div > div > house > .row4.col7, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .house.row2.col4:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col6, +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .house.row1.col4:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .house.row1.col3:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} + +.hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .house.row1.col3:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} + +.hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .house.row1.col4:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row5.col7 { + opacity: 1; +} + +.house.row3.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col6, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col5, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row3.col7, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row4.col6, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row4.col7, +.house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} + +.hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col6, +.hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col5 { + opacity: 1; +} + +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col4, +.hs.row5.col5:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col6 { + opacity: 1; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row5.col7 { + opacity: 1; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row5.col7:checked ~ .hs.row4.col5:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row4.col7 { + opacity: 1; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row5.col7:checked ~ .hs.row4.col5:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} + +.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row4.col7, +.hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row5.col6 { + opacity: 1; +} + +.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row5.col5, +.hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row5.col7 { + opacity: 1; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row4.col6:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row5.col7 { + opacity: 1; +} + +.hs.row5.col7:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row5.col6 { + opacity: 1; +} + +.hs.row5.col6:checked ~ .hs.row5.col7:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row5.col5 { + opacity: 1; +} + +.hs.row5.col5:checked ~ .hs.row5.col6:checked ~ .hs.row5.col7:checked ~ .hs.row4.col7:checked ~ .house.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row5.col4 { + opacity: 1; +} + +.house.row4.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row1.col2:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col0 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col5 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row3.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col2, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ div > div > house > .row4.col5 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col3, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col4, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row3.col7, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col5:checked ~ .hs.row3.col6:checked ~ .hs.row3.col7:checked ~ .hs.row2.col7:checked ~ .hs.row1.col7:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col6:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col2, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col6, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col5:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > house > .row2.col2, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row2.col5, +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col1:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row3.col1, +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ div > div > house > .row1.col2, +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col1, +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col2:checked ~ .hs.row3.col3:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row3.col7:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col5 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row2.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col7:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row2.col7, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row4.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row2.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row4.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ div > div > house > .row3.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col5:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col2, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row2.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ .hs.row1.col1:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ div > div > house > .row3.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row2.col1, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col1:checked ~ .hs.row2.col2:checked ~ .hs.row2.col3:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ div > div > house > .row1.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col6, +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row2.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col6:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row3.col6:checked ~ .hs.row2.col6:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col7:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row3.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col5 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ div > div > house > .row1.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row1.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ div > div > house > .row2.col6 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col5:checked ~ .hs.row1.col6:checked ~ .hs.row1.col7:checked ~ div > div > house > .row2.col7 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col3 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ .hs.row1.col3:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col2 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col2:checked ~ .hs.row1.col3:checked ~ .hs.row1.col4:checked ~ div > div > house > .row1.col1 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row2.col4 { + opacity: 1; +} +.house.row4.col4:checked ~ .hs.row3.col4:checked ~ .hs.row2.col4:checked ~ .hs.row2.col4:checked ~ .hs.row1.col4:checked ~ div > div > house > .row3.col4 { + opacity: 1; +} + +.hs.row1.col1:checked ~ div > div > house > .row1.col1.col1 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row1.col1:checked ~ div > div > house > .row1.col1.col1 > i:nth-of-type(4):after, .hs.row1.col1:checked ~ div > div > house > .row1.col1.col1 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row1.col2:checked ~ div > div > house > .row1.col2.col4 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row1.col2:checked ~ div > div > house > .row1.col2.col4 > i:nth-of-type(4):after, .hs.row1.col2:checked ~ div > div > house > .row1.col2.col4 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row1.col3:checked ~ div > div > house > .row1.col3.col1 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row1.col3:checked ~ div > div > house > .row1.col3.col1 > i:nth-of-type(4):after, .hs.row1.col3:checked ~ div > div > house > .row1.col3.col1 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row1.col4:checked ~ div > div > house > .row1.col4.col4 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row1.col4:checked ~ div > div > house > .row1.col4.col4 > i:nth-of-type(4):after, .hs.row1.col4:checked ~ div > div > house > .row1.col4.col4 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row2.col1:checked ~ div > div > house > .row2.col1.col3 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row2.col1:checked ~ div > div > house > .row2.col1.col3 > i:nth-of-type(4):after, .hs.row2.col1:checked ~ div > div > house > .row2.col1.col3 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row2.col2:checked ~ div > div > house > .row2.col2.col1 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row2.col2:checked ~ div > div > house > .row2.col2.col1 > i:nth-of-type(4):after, .hs.row2.col2:checked ~ div > div > house > .row2.col2.col1 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row2.col3:checked ~ div > div > house > .row2.col3.col2 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row2.col3:checked ~ div > div > house > .row2.col3.col2 > i:nth-of-type(4):after, .hs.row2.col3:checked ~ div > div > house > .row2.col3.col2 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row2.col4:checked ~ div > div > house > .row2.col4.col4 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row2.col4:checked ~ div > div > house > .row2.col4.col4 > i:nth-of-type(4):after, .hs.row2.col4:checked ~ div > div > house > .row2.col4.col4 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row3.col1:checked ~ div > div > house > .row3.col1.col3 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row3.col1:checked ~ div > div > house > .row3.col1.col3 > i:nth-of-type(4):after, .hs.row3.col1:checked ~ div > div > house > .row3.col1.col3 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row3.col2:checked ~ div > div > house > .row3.col2.col3 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row3.col2:checked ~ div > div > house > .row3.col2.col3 > i:nth-of-type(4):after, .hs.row3.col2:checked ~ div > div > house > .row3.col2.col3 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row3.col3:checked ~ div > div > house > .row3.col3.col2 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row3.col3:checked ~ div > div > house > .row3.col3.col2 > i:nth-of-type(4):after, .hs.row3.col3:checked ~ div > div > house > .row3.col3.col2 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row3.col4:checked ~ div > div > house > .row3.col4.col2 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row3.col4:checked ~ div > div > house > .row3.col4.col2 > i:nth-of-type(4):after, .hs.row3.col4:checked ~ div > div > house > .row3.col4.col2 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row4.col1:checked ~ div > div > house > .row4.col1.col3 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row4.col1:checked ~ div > div > house > .row4.col1.col3 > i:nth-of-type(4):after, .hs.row4.col1:checked ~ div > div > house > .row4.col1.col3 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row4.col2:checked ~ div > div > house > .row4.col2.col2 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row4.col2:checked ~ div > div > house > .row4.col2.col2 > i:nth-of-type(4):after, .hs.row4.col2:checked ~ div > div > house > .row4.col2.col2 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row4.col3:checked ~ div > div > house > .row4.col3.col3 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row4.col3:checked ~ div > div > house > .row4.col3.col3 > i:nth-of-type(4):after, .hs.row4.col3:checked ~ div > div > house > .row4.col3.col3 > i:nth-of-type(4):before { + background: #20112a; +} + +.hs.row4.col4:checked ~ div > div > house > .row4.col4.col2 > i:nth-of-type(4) { + background: #ff7700; + box-shadow: inset 0 0 0 0.5rem rgba(79, 1, 14, 0.3), inset 0 0 0.5rem rgba(79, 1, 14, 0.9), inset 0 0 0 0.5rem #20112a, inset 0 0 1rem 1rem rgba(79, 1, 14, 0.9), inset 1rem 0 0 #bc3d2f, inset -1.25rem 0 0 #bc3d2f, inset 0 -2rem 0 yellow, inset 0 -3.5rem 0 #ffa200, 0 0 2rem yellow; +} +.hs.row4.col4:checked ~ div > div > house > .row4.col4.col2 > i:nth-of-type(4):after, .hs.row4.col4:checked ~ div > div > house > .row4.col4.col2 > i:nth-of-type(4):before { + background: #20112a; +} + +.lh { + pointer-events: none; + perspective: 30rem; + perspective-origin: 50% -5rem; + transform: translate3d(0, 0, -100rem) scale(0); + opacity: 0; +} + +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh { + transform: translate3d(0, 0, -100rem) scale(1); + /* animation: lightson $timer linear infinite;*/ +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh light { + top: -12rem; + left: -6.25rem; + transform: scaleX(3) rotateY(0); + /* animation: light 8s linear infinite;*/ + filter: blur(0.1rem); + opacity: 0.5; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh light, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh light:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh light:after { + background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 244, 102, 0.5), rgba(255, 255, 255, 0)); + width: 100%; + height: 5rem; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh light:before { + transform: rotate(15deg) rotateY(-5deg); +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh light:after { + transform: rotate(-15deg) rotateY(5deg); +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh lens { + top: -12rem; + left: -6.25rem; + width: 100%; + height: 5rem; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh lens:before, .hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh lens:after { + height: 5rem; + border-radius: 50%; + right: 0; + margin: auto; +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh lens:before { + background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(252, 246, 165, 0.5), rgba(255, 255, 255, 0)); + width: 100%; + transform: scaleX(3) rotateY(0); + opacity: 0.25; + filter: blur(0.1rem); +} +.hs.house.row4.col1:not(:checked) ~ .hs.house.row4.col2:checked ~ .hs.house.row4.col3:not(:checked) ~ .hs.house.row3.col1:not(:checked) ~ .hs.shed.row3.col2:checked ~ .hs.house.row3.col3:not(:checked) ~ .hs.house.row2.col1:not(:checked) ~ .hs.house.row2.col2:checked ~ .hs.house.row2.col3:not(:checked) ~ .hs.house.row1.col1:not(:checked) ~ .hs.shed.row1.col2:checked ~ .hs.house.row1.col3:not(:checked) ~ div.lh lens:after { + width: 5rem; + background: radial-gradient(#fcf6a5, rgba(255, 255, 255, 0)); + opacity: 0.75; + box-shadow: 60rem 0 15rem #fcf6a5, -60rem 0 15rem #fcf6a5, 0 0 3rem #fcf6a5, inset 0 0 0 #fcf6a5; +} + +div.lh { + animation: lightson 400s linear infinite; +} +div.lh light { + animation: light 8s linear infinite; +} +div.lh lens:before { + animation: light 8s linear infinite; +} +div.lh lens:after { + animation: light2 8s ease-in-out infinite; +} + +@keyframes light { + 100% { + transform: scaleX(3) rotateY(-360deg); + } +} +@keyframes lightson { + 20%, 80% { + opacity: 0; + } + 25%, 75% { + opacity: 1; + } +} +@keyframes light2 { + 22%, 27%, 72%, 77% { + box-shadow: 0rem 0 15rem #fcf6a5, 0rem 0 15rem #fcf6a5, 0 0 3rem #fcf6a5, inset 0 0 0 0 #fcf6a5; + } + 24%, 74% { + box-shadow: 0rem 0 15rem #fcf6a5, 0rem 0 15rem #fcf6a5, 0 0 5rem 40rem rgba(252, 246, 165, 0.25), inset 0 0 0 2.5rem #fcf6a5; + } + 50% { + box-shadow: -60rem 0 15rem #fcf6a5, 60rem 0 15rem #fcf6a5, 0 0 3rem #fcf6a5, inset 0 0 0 0 #fcf6a5; + } +} +#graphics { + top: 1rem; + left: auto; + right: 1rem; + font-family: Telefon, Sans-Serif; + font-size: 1.4rem; + z-index: 1000; + letter-spacing: 0.1rem; + color: #fff; + line-height: 1.5; + max-height: 2.5rem; + overflow: hidden; +} +#graphics label { + display: flex; + align-content: center; + justify-content: flex-end; + gap: 0.5rem; + padding: 0.5rem; + border-radius: 1rem; + cursor: pointer; + transition: box-shadow 0.2s ease-in-out; + box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0), inset 0 0 0 0 rgba(255, 255, 255, 0.2); +} +#graphics label:not(:nth-of-type(1)):hover { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), inset 0 0 0 2rem rgba(255, 255, 255, 0.2); +} +#graphics * { + position: static; +} + +#gfxmenu:checked ~ #graphics { + max-height: 10rem; +} + +#poor:checked ~ colour > div > div > house > label > i:nth-of-type(1), +#poor:checked ~ colour > div > div > shed > label > i:nth-of-type(1), +#poor:checked ~ colour > div > lens, +#poor:checked ~ colour > water:before, +#poor:checked ~ colour water:after { + display: none; +} + +#poor:checked ~ colour > div > div.main { + -webkit-box-reflect: none; +} + +#poor:checked ~ sky > time { + opacity: 0; +} + +#poor:checked ~ text > welldone, +#poor:checked ~ text > gameover { + box-shadow: none; +} + +#good:checked ~ x > [for=good], +#poor:checked ~ x > [for=poor] { + box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), inset 0 0 0 2rem rgba(255, 255, 255, 0.1); +} +#good:checked ~ x > [for=good]:before, +#poor:checked ~ x > [for=poor]:before { + content: "✓"; + position: static; +} + +#poor:checked ~ colour > div > div > shed > label:after, #poor:checked ~ colour > div > div > shed > label *:after, +#poor:checked ~ colour > div > div > house > label:after, +#poor:checked ~ colour > div > div > house > label *:after { + animation: none !important; +} +#poor:checked ~ colour > div > div > shed > label:before, #poor:checked ~ colour > div > div > shed > label *:before, +#poor:checked ~ colour > div > div > house > label:before, +#poor:checked ~ colour > div > div > house > label *:before { + animation: none !important; +} + +[for=gfxmenu]:after { + border-bottom: 0.1rem solid #fff; + border-right: 0.1rem solid #fff; + transform: rotate(45deg) scaleY(1); + position: relative; + width: 0.6rem; + height: 0.6rem; + margin-left: 0.4rem; + top: 0.5rem; + transition: all 0.2s ease-in-out; +} + +#gfxmenu:checked ~ x > [for=gfxmenu]:after { + transform: rotate(-45deg) scaleY(-1); +} + +script { + display: none; +} \ No newline at end of file diff --git a/dist/admin/games/script.js b/dist/admin/games/script.js new file mode 100644 index 0000000..aca9202 --- /dev/null +++ b/dist/admin/games/script.js @@ -0,0 +1,31 @@ +var data = [ + { y: '2014', a: 2, b: 2}, + { y: '2015', a: 5, b: 4}, + { y: '2016', a: 8, b: 9}, + { y: '2017', a: 15, b: 10}, + { y: '2018', a: 20, b: 25}, + { y: '2019', a: 10, b: 10}, + { y: '2020', a: 12, b: 11}, + { y: '2021', a: 15, b: 16}, + { y: '2022', a: 20, b: 15}, + { y: '2023', a: 5, b: 10}, + { y: '2024', a: 10, b: 10} + ], + config = { + data: data, + xkey: 'y', + ykeys: ['a', 'b'], + labels: ['Total Project Income', 'Total Projects Finished'], + fillOpacity: 0.6, + hideHover: 'auto', + behaveLikeLine: true, + resize: true, + pointFillColors:['#ffffff'], + pointStrokeColors: ['black'], + lineColors:['gray','red'] + }; +config.element = 'area-chart'; +Morris.Area(config); +config.element = 'line-chart'; +Morris.Line(config); + diff --git a/dist/admin/games/stats.css b/dist/admin/games/stats.css new file mode 100644 index 0000000..64a3c23 --- /dev/null +++ b/dist/admin/games/stats.css @@ -0,0 +1,71 @@ +#area-chart, +#line-chart, +#bar-chart, +#stacked, +#pie-chart{ + min-height: 250px; +} +.spacer { + width: 500px; + height: 140px; + padding: 10px; + margin: 10px; + border: 5px soild #ecebeb; +} +.grid { + display: grid; + grid-template-columns: auto auto auto; + position: fixed; + margin-top: 75px; + margin-left: 50px; + color: var(--main-color); + padding: 10px; +} +.grid-item { + color: var(--main-color); + padding: 20px; + font-size: 30px; + text-align: center; +} +.text-container { + width: 450px; + border: 5px solid #d8d2d2; + border-radius: 25px; + padding: 10px; + margin: 10px; + margin-top: 20%; + margin-left: 10px; + color: var(--main-color); +} +.text-container1 { + width: 450px; + border: 5px solid #d8d2d2; + border-radius: 25px; + padding: 10px; + margin: 10px; + margin-top: 20%; + margin-left: 10px; + color: var(--main-color); +} +.text-container2 { + width: 450px; + border: 5px solid #d8d2d2; + border-radius: 25px; + padding: 10px; + margin: 10px; + margin-top: 20%; + margin-left: 10px; + color: var(--main-color); +} +.title { + color: var(--main-color); +} +.sub-title { + color: var(--main-color); + padding: 10px; +} +.spacer1 { + padding: 10px; + margin: 10px; + margin-left: 25px; +} \ No newline at end of file diff --git a/dist/admin/games/styles.css b/dist/admin/games/styles.css new file mode 100644 index 0000000..74d3b0c --- /dev/null +++ b/dist/admin/games/styles.css @@ -0,0 +1,203 @@ +.abs, +h2:after, +.cards .card figcaption, +.cards .card:after, +.news .card figcaption, +.news .card:after, +.news .article figcaption { + position: absolute; +} +.rel, +h2, +h2 strong, +.cards .card, +.news .card, +.news .article { + position: relative; +} +.fix { + position: fixed; +} +.dfix { + display: inline; +} +.dib { + display: inline-block; +} +.db { + display: block; +} +.dn { + display: none; +} +.df, +.cards, +.news { + display: flex; +} +.dif { + display: inline-flex; +} +.dg { + display: grid; +} +.dig { + display: inline-grid; +} +.vm, +h2, +h2 strong, +h2 span { + vertical-align: middle; +} +body { + background: #24282f; + font-family: 'Alegreya Sans'; +} +.wrapper { + padding: 15px; +} +h2 { + padding: 10px; + padding-left: 25px; + color: #ccc; + margin: 0; +} +h2 strong { + z-index: 2; + background: #24282f; + padding: 4px 8px; +} +h2 span { + font-size: 0.7em; + color: #aaa; + margin-left: 10px; +} +h2:after { + content: ''; + z-index: 1; + bottom: 50%; + margin-bottom: -2px; + height: 2px; + left: 0; + right: 0; + background: #373d47; +} +.cards, +.news { + flex-flow: row wrap; +} +.cards .card, +.news .card { + margin: 20px; + width: 180px; + height: 270px; + overflow: hidden; + box-shadow: 0 5px 10px rgba(0,0,0,0.8); + transform-origin: center top; + transform-style: preserve-3d; + transform: translateZ(0); + transition: 0.3s; +} +.cards .card img, +.news .card img { + width: 100%; + min-height: 100%; +} +.cards .card figcaption, +.news .card figcaption { + bottom: 0; + left: 0; + right: 0; + padding: 20px; + padding-bottom: 10px; + font-size: 20px; + background: none; + color: #fff; + transform: translateY(100%); + transition: 0.3s; +} +.cards .card:after, +.news .card:after { + content: ''; + z-index: 10; + width: 200%; + height: 100%; + top: -90%; + left: -20px; + opacity: 0.1; + transform: rotate(45deg); + background: linear-gradient(to top, transparent, #fff 15%, rgba(255,255,255,0.5)); + transition: 0.3s; +} +.cards .card:hover, +.news .card:hover, +.cards .card:focus, +.news .card:focus, +.cards .card:active, +.news .card:active { + box-shadow: 0 8px 16px 3px rgba(0,0,0,0.6); + transform: translateY(-3px) scale(1.05) rotateX(15deg); +} +.cards .card:hover figcaption, +.news .card:hover figcaption, +.cards .card:focus figcaption, +.news .card:focus figcaption, +.cards .card:active figcaption, +.news .card:active figcaption { + transform: none; +} +.cards .card:hover:after, +.news .card:hover:after, +.cards .card:focus:after, +.news .card:focus:after, +.cards .card:active:after, +.news .card:active:after { + transform: rotate(25deg); + top: -40%; + opacity: 0.15; +} +.news .article { + overflow: hidden; + width: 350px; + height: 235px; + margin: 20px; +} +.news .article img { + width: 100%; + min-height: 100%; + transition: 0.2s; +} +.news .article figcaption { + font-size: 14px; + text-shadow: 0 1px 0 rgba(51,51,51,0.3); + color: #fff; + left: 0; + right: 0; + top: 0; + bottom: 0; + padding: 40px; + box-shadow: 0 0 2px rgba(0,0,0,0.2); + background: rgba(6,18,53,0.6); + opacity: 0; + transform: scale(1.15); + transition: 0.2s; +} +.news .article figcaption h3 { + color: #3792e3; + font-size: 16px; + margin-bottom: 0; + font-weight: bold; +} +.news .article:hover img, +.news .article:focus img, +.news .article:active img { + filter: blur(3px); + transform: scale(0.97); +} +.news .article:hover figcaption, +.news .article:focus figcaption, +.news .article:active figcaption { + opacity: 1; + transform: none; +} \ No newline at end of file diff --git a/dist/admin/index.html b/dist/admin/index.html index 5788115..7b15017 100644 --- a/dist/admin/index.html +++ b/dist/admin/index.html @@ -2,7 +2,7 @@ - straight-code2 | Task Manger + straight-code2 | Admin @@ -82,6 +82,12 @@ + + + + + + @@ -240,240 +246,7 @@ -
-
-
- -
- -
-
-
-

Web Design

-

Private

-
-
-

Progress

-
- -
-

70%

-
-
-
- participant - -
-
- 30 Days Left -
-
-
-
-
-
-
- -
- -
-
-
-

Web Development

-

Private

-
-
-

Progress

-
- -
-

60%

-
-
-
- participant - -
-
- 30 Days Left -
-
-
-
-
-
-
- -
- -
-
-
-

Moblie App

-

Private

-
-
-

Progress

-
- -
-

40%

-
-
-
- participant - -
-
- 67 Days Left -
-
-
-
-
-
-
- -
- -
-
-
-

SVG Design

-

Private

-
-
-

Progress

-
- -
-

10%

-
-
-
- participant - -
-
- 20 Days Left -
-
-
-
-
-
-
- -
- -
-
-
-

UI for app

-

Private

-
-
-

Progress

-
- -
-

40%

-
-
-
- participant - -
-
- 37 Days Left -
-
-
-
-
-
-
- -
- -
-
-
-

UI for Moblie App

-

Private

-
-
-

Progress

-
- -
-

35%

-
-
-
- participant - -
-
- 69 Days Left -
-
-
-
+
diff --git a/dist/admin/metaverse/script.js b/dist/admin/metaverse/script.js index c0b1bdd..037f37f 100644 --- a/dist/admin/metaverse/script.js +++ b/dist/admin/metaverse/script.js @@ -884,8 +884,10 @@ function observe(name, callback) { } const productData = [ -{ - id: 'lamb-leather-jacket', + +// left side start + { + id: 'mystery-box', product: { description: 'support straight-code and the team by owning some straight-code merch.', images: [ @@ -910,7 +912,7 @@ const productData = [ scale: 4 } }, { - id: 'lamb-leather-jacket', + id: 'mystery-box1', product: { description: 'support straight-code and the team by owning some straight-code merch.', images: [ @@ -935,7 +937,7 @@ const productData = [ scale: 4 } }, { - id: 'mystery-box', + id: 'mystery-box2', product: { description: 'support straight-code and the team by owning some straight-code merch.', images: [ @@ -961,7 +963,7 @@ const productData = [ { - id: 'green-bay-jacket', + id: 'mystery-box3', product: { description: 'straight-code hoodie ', images: [ @@ -986,7 +988,7 @@ const productData = [ scale: 4 } }, { - id: 'lamb-leather-jacket', + id: 'mystery-box4', product: { description: 'support straight-code and the team by owning some straight-code merch.', images: [ @@ -1009,10 +1011,91 @@ const productData = [ quaternion: null, rotation: [0, 0, 0], scale: 4 } }, - + // left side end + + // front side start + { + id: 'mystery-box5', + product: { + description: 'support straight-code and the team by owning some straight-code merch.', + images: [ + './assets/jumper1of1.png'], + + sizes: [ + { name: 'xs', price: 35 }, + { name: 'sm', price: 35 }, + { name: 'md', price: 35 }, + { name: 'lg', price: 35 }, + { name: 'xl', price: 35 }, + { name: 'xxl', price: 35 }], + + title: 'straight-code 1of1 Jumper' }, + + scene: { + assetUri: 'mystery-box.glb', + path: 'https://straight-code.github.io/assets/', + position: [-10, 0, -10], + quaternion: null, + rotation: [0, 0, 0], + scale: 4 } }, + + { + id: 'mystery-box6', + product: { + description: 'support straight-code and the team by owning some straight-code merch.', + images: [ + './assets/jumper1of1.png'], + + sizes: [ + { name: 'xs', price: 35 }, + { name: 'sm', price: 35 }, + { name: 'md', price: 35 }, + { name: 'lg', price: 35 }, + { name: 'xl', price: 35 }, + { name: 'xxl', price: 35 }], + + title: 'straight-code 1of1 Jumper' }, + + scene: { + assetUri: 'mystery-box1.glb', + path: 'https://straight-code.github.io/assets/', + position: [0, 0, -10], + quaternion: null, + rotation: [0, 0, 0], + scale: 4 } }, + + { + id: 'mystery-box7', + product: { + description: 'support straight-code and the team by owning some straight-code merch.', + images: [ + './assets/jumper1of1.png'], + + sizes: [ + { name: 'xs', price: 35 }, + { name: 'sm', price: 35 }, + { name: 'md', price: 35 }, + { name: 'lg', price: 35 }, + { name: 'xl', price: 35 }, + { name: 'xxl', price: 35 }], + + title: 'straight-code 1of1 Jumper' }, + + scene: { + assetUri: 'mystery-box.glb', + path: 'https://straight-code.github.io/assets/', + position: [10, 0, -10], + quaternion: null, + rotation: [0, 0, 0], + scale: 4 } }, + + + // front side end + +// right side start { - id: 'mystery-box', + id: 'mystery-box8', product: { description: 'support straight-code and the team by owning some straight-code merch.', images: [ @@ -1038,7 +1121,7 @@ const productData = [ { - id: 'green-bay-jacket', + id: 'mystery-box9', product: { description: 'straight-code hoodie ', images: [ @@ -1063,7 +1146,7 @@ const productData = [ scale: 4 } }, { - id: 'lamb-leather-jacket', + id: 'mystery-box10', product: { description: 'support straight-code and the team by owning some straight-code merch.', images: [ @@ -1088,7 +1171,7 @@ const productData = [ scale: 4 } }, { - id: 'mystery-box', + id: 'mystery-box11', product: { description: 'support straight-code and the team by owning some straight-code merch.', images: [ @@ -1113,7 +1196,7 @@ const productData = [ scale: 4 } }, { - id: 'green-bay-jacket', + id: 'mystery-box12', product: { description: 'straight-code hoodie ', images: [ @@ -1136,6 +1219,8 @@ const productData = [ quaternion: null, rotation: [0, 0, 0], scale: 4 } } + + // right side end ]; @@ -1183,11 +1268,9 @@ const ProductDetail = ({ id }) => { React.createElement(ButtonGroup, { className: "social" }, /*#__PURE__*/ React.createElement(Button, { variant: "light" }, /*#__PURE__*/React.createElement("i", { class: "fa-solid fa-hands-clapping" })), /*#__PURE__*/ React.createElement(Button, { variant: "light" }, /*#__PURE__*/React.createElement("i", { class: "fa-solid fa-bookmark" })), /*#__PURE__*/ - React.createElement(Button, { variant: "light" }, /*#__PURE__*/React.createElement("i", { class: "fa-brands fa-facebook" })), /*#__PURE__*/ React.createElement(Button, { variant: "light" }, /*#__PURE__*/React.createElement("i", { class: "fa-brands fa-instagram" })), /*#__PURE__*/ React.createElement(Button, { variant: "light" }, /*#__PURE__*/React.createElement("i", { class: "fa-brands fa-twitter" })), /*#__PURE__*/ - React.createElement(Button, { variant: "light" }, /*#__PURE__*/React.createElement("i", { class: "fa-brands fa-pinterest" })), /*#__PURE__*/ - React.createElement(Button, { variant: "light" }, /*#__PURE__*/React.createElement("i", { class: "fa-solid fa-share-from-square" }))), /*#__PURE__*/ + React.createElement(Carousel, { className: "images" }, images.map((image) => /*#__PURE__*/ @@ -1205,13 +1288,11 @@ const ProductDetail = ({ id }) => { React.createElement(Dropdown, { as: ButtonGroup }, SizeButton, /*#__PURE__*/ React.createElement(Dropdown.Menu, null, sizeOptions), /*#__PURE__*/ - React.createElement(Button, { variant: "primary", href: "confirm/index.html" }, "Buy")))))); - + React.createElement(Button, { variant: "primary", href: "confirm/index.html" }, "Buy"))))))); - -}; + }; // Not an ideal implementation, but React isn't the point of this demo. const toggleProductDetail = id => { diff --git a/dist/admin/notes/index.html b/dist/admin/notes/index.html index f301931..49bf7a8 100644 --- a/dist/admin/notes/index.html +++ b/dist/admin/notes/index.html @@ -84,6 +84,12 @@ + + + + + + diff --git a/dist/admin/services/index.html b/dist/admin/services/index.html index 7517e87..0265f75 100644 --- a/dist/admin/services/index.html +++ b/dist/admin/services/index.html @@ -85,6 +85,12 @@ + + + + + + diff --git a/dist/admin/settings/index.html b/dist/admin/settings/index.html index adbbb1f..796e893 100644 --- a/dist/admin/settings/index.html +++ b/dist/admin/settings/index.html @@ -84,6 +84,12 @@ + + + + + + diff --git a/dist/admin/stats/index.html b/dist/admin/stats/index.html index 33f75b6..c64b9ee 100644 --- a/dist/admin/stats/index.html +++ b/dist/admin/stats/index.html @@ -85,6 +85,12 @@ + + + + + +