@font-face{font-display:swap;font-family:"Nunito";font-style:normal;font-weight:300;src:url("../fonts/nunito-v25-latin-300.eot");src:url("../fonts/nunito-v25-latin-300.eot?#iefix") format("embedded-opentype"),url("../fonts/nunito-v25-latin-300.woff2") format("woff2"),url("../fonts/nunito-v25-latin-300.woff") format("woff"),url("../fonts/nunito-v25-latin-300.ttf") format("truetype"),url("../fonts/nunito-v25-latin-300.svg#Nunito") format("svg")}@font-face{font-display:swap;font-family:"Nunito";font-style:normal;font-weight:400;src:url("../fonts/nunito-v25-latin-regular.eot");src:url("../fonts/nunito-v25-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/nunito-v25-latin-regular.woff2") format("woff2"),url("../fonts/nunito-v25-latin-regular.woff") format("woff"),url("../fonts/nunito-v25-latin-regular.ttf") format("truetype"),url("../fonts/nunito-v25-latin-regular.svg#Nunito") format("svg")}@font-face{font-display:swap;font-family:"Nunito";font-style:normal;font-weight:700;src:url("../fonts/nunito-v25-latin-700.eot");src:url("../fonts/nunito-v25-latin-700.eot?#iefix") format("embedded-opentype"),url("../fonts/nunito-v25-latin-700.woff2") format("woff2"),url("../fonts/nunito-v25-latin-700.woff") format("woff"),url("../fonts/nunito-v25-latin-700.ttf") format("truetype"),url("../fonts/nunito-v25-latin-700.svg#Nunito") format("svg")}@font-face{font-display:swap;font-family:"Nunito";font-style:normal;font-weight:800;src:url("../fonts/nunito-v25-latin-800.eot");src:url("../fonts/nunito-v25-latin-800.eot?#iefix") format("embedded-opentype"),url("../fonts/nunito-v25-latin-800.woff2") format("woff2"),url("../fonts/nunito-v25-latin-800.woff") format("woff"),url("../fonts/nunito-v25-latin-800.ttf") format("truetype"),url("../fonts/nunito-v25-latin-800.svg#Nunito") format("svg")}.mix-multiply{mix-blend-mode:multiply}.mix-screen{mix-blend-mode:screen}.mix-overlay{mix-blend-mode:overlay}.mix-darken{mix-blend-mode:darken}.mix-lighten{mix-blend-mode:lighten}.mix-color-dodge{mix-blend-mode:color-dodge}.mix-color-burn{mix-blend-mode:color-burn}.mix-hard-light{mix-blend-mode:hard-light}.mix-soft-light{mix-blend-mode:soft-light}.vh-100{min-height:100vh}:root{--sound: #fff;--text: rgba(#000, 0.8);--bg: #c3d7e6;--bg: #fff;--text: #0085bb;--bg_track: #006298;--bg_sound: #0085bb;--bg_sound_active: var(--bg_track)}.track-1{--bg: #fff3cd;--text: #ce4317;--bg_track: #ea631f;--bg_sound: #f59a30;--bg_sound_active: var(--bg_track)}.track-2{--bg: #edecec;--text: #2c1e13;--bg_track: #977a62;--bg_sound: #a39996;--bg_sound_active: var(--bg_track)}.track-3{--bg: #d8eccf;--text: #3f7d5a;--bg_track: #7ea44e;--bg_sound: #5aa877;--bg_sound_active: var(--bg_track)}.track-4{--bg: #fef9d5;--text: #5d8059;--bg_sound: #eae558;--bg_track: #c0d100;--bg_sound_active: var(--bg_track);--sound: #3b3f14}.track-5{--bg: #c3d7e6;--text: #0085bb;--bg_track: #006298;--bg_sound: #0085bb;--bg_sound_active: var(--bg_track)}.track-6{--bg: #c3d7e6;--text: #8590c5;--bg_track: #f46eb4;--bg_sound: #f593b4;--bg_sound_active: var(--bg_track)}.track-7{--bg: #eedc5e;--text: #005952;--bg_track: #83bc26;--bg_sound: #02796f;--bg_sound_active: var(--bg_track)}.track-8{--bg: #dbedcd;--text: #866b5f;--bg_track: #4c8a73;--bg_sound: #68b32f;--bg_sound_active: var(--bg_track)}.track-9{--bg: #fce2cb;--text: #c87250;--bg_track: #f49738;--bg_sound: #f49738;--bg_sound_active: var(--bg_track)}.track-10{--bg: #fbd4ca;--text: #ea5049;--bg_track: #ea5049;--bg_sound: #ea5049;--bg_sound_active: var(--bg_track)}.track-11{--bg: #cbd1e6;--text: #145aa7;--bg_track: #289232;--bg_sound: #145aa7;--bg_sound_active: var(--bg_track)}.track-12{--bg: #fce2ca;--text: #3f3e3b;--bg_track: #737369;--bg_sound: #8d8d8d;--bg_sound_active: var(--bg_track)}body{background:#000;background:#fff;color:#111;color:#fff;padding:0;margin:0;font-family:"Nunito",sans-serif;font-weight:400;font-style:normal;font-size:19px}@media(min-width: 576px)and (max-width: 767px){body{font-size:18px}}@media(max-width: 575px){body{font-size:17px}}body{line-height:1.5em}body .sound,body .track{background:#999}a,a:link,a:hover,a:active,a:visited{color:#1662aa;text-decoration:none}h1{margin:1em auto 0;text-align:center;font-size:2.441em;line-height:1em;font-family:"Nunito",sans-serif;font-weight:700;font-style:normal}em{font-family:"Nunito",sans-serif;font-weight:700;font-style:normal}h2{margin:0 auto;text-align:center;font-size:1.953em;line-height:1.2em;font-family:"Nunito",sans-serif;font-weight:700;font-style:normal}.text-center{text-align:center}.content-narrow{margin:0 auto;max-width:40em}.toc{margin:2em auto;padding:0;list-style:none;font-size:1.25em;line-height:1.2em;font-family:"Nunito",sans-serif;font-weight:400;font-style:normal}.toc li{margin:.5em 0;padding:0;line-height:1em}.toc li a{display:flex;gap:1em;align-items:center;align-content:center;color:#222;text-decoration:none;padding:.25em 0}@media(max-width: 1199px){.cover{margin:0 -1.25em}}ul.logos{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:3em;margin:5em 0 3em;padding:0;list-style:none}ul.logos img{height:4em;width:auto;max-width:100%}i.icon{width:1em;height:1em}i.icon svg{width:1em;height:1em}i.icon svg *{fill:currentColor}nav.main{background:#fff;box-shadow:0 0 .5em rgba(0,0,0,.1)}nav.main .flex{display:flex;justify-content:space-between;position:relative;align-items:center;padding:1em 0}nav.main .logo{display:block;font-size:3em;height:1em}nav.main .logo svg{width:3.65em;height:1em}nav.main .trigger{all:unset;font-family:"Nunito",sans-serif;font-weight:700;font-style:normal;display:flex;gap:.5em;align-items:center;padding:0;font-size:1.953em;line-height:1.2em;color:#000}nav.main ul{list-style:none;margin:0;padding:0;position:absolute;right:0;z-index:2;background:#fff;border-radius:.5em;box-shadow:0 0 .5em rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:all .2s ease-in-out;top:2em}nav.main ul li{margin:0;padding:0;font-size:.9em;line-height:1.2em}nav.main ul li a{padding:.25em .75em;color:#222}nav.main ul li:first-child{padding-top:.75em}nav.main ul li:last-child{padding-bottom:.75em}nav.main.active ul{pointer-events:all;opacity:1;top:3.25em}.container{max-width:70rem;margin:0 auto;padding:0 1.25em}.header{margin:1em auto 0;color:var(--text);font-size:2.441em;line-height:1em}@media(max-width: 575px){.header{font-size:1.563em;line-height:1.2em}}@media(min-width: 576px)and (max-width: 767px){.header{font-size:1.953em;line-height:1.2em}}.header .logo{margin:0 auto;max-width:4em;color:var(--bg_track);filter:drop-shadow(0 0.025em 0.025em rgba(255, 255, 255, 0.5))}.header .logo svg{width:100%;height:auto}.header .logo svg *{fill:currentColor !important}.header .title{display:flex;justify-content:center;margin:0 -0.5em .5em;align-items:center}.header .title a{text-decoration:none;color:inherit;display:block;cursor:pointer;height:1em;width:1em;font-size:1.5em}.header .title a svg{height:1em;width:1em}.header .title a svg *{fill:currentColor}.header .title a.prev{transform:rotate(180deg)}.header .title a.inactive{opacity:0;pointer-events:none;cursor:default}.header h1{font-size:inherit;text-align:center;margin:0;padding:0;line-height:1em;filter:drop-shadow(0 0.025em 0.025em rgba(255, 255, 255, 0.5))}.header svg{width:100%;height:auto}.intro{margin:1em auto 3em;font-size:19px}@media(min-width: 576px)and (max-width: 767px){.intro{font-size:18px}}@media(max-width: 575px){.intro{font-size:17px}}.intro{line-height:1.2em;line-height:1.5em}.hidden{display:none !important}.toggle-tabs{display:flex;gap:1em;width:100%;justify-content:space-evenly;margin:0 0 1em}.toggle-tabs .button{border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#222 !important;width:100%;padding:1em;background:#fff;border:1px solid #000;font-family:"Nunito",sans-serif;font-weight:400;font-style:normal;font-size:19px}@media(min-width: 576px)and (max-width: 767px){.toggle-tabs .button{font-size:18px}}@media(max-width: 575px){.toggle-tabs .button{font-size:17px}}.toggle-tabs .button{line-height:1.2em}body:not(.touch) .toggle-tabs .button:hover,.toggle-tabs .button.active{cursor:pointer;background:#000;color:#fff !important}.toggle-tabs .button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}body:not(.touch) .toggle-tabs .button.disabled:hover{background:#fff;color:#222 !important}.sounds,.groups{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}@media(min-width: 768px){.sounds,.groups{grid-template-columns:repeat(2, 1fr)}}.sounds,.groups{gap:.6em;margin-bottom:2em;min-height:calc(100vh - 200px)}@media(max-width: 767px){.sounds,.groups{grid-template-columns:repeat(1, 1fr)}}.sounds .drink .padding,.sounds .drink-1 .padding,.sounds .drink-2 .padding,.sounds .statements .padding,.groups .drink .padding,.groups .drink-1 .padding,.groups .drink-2 .padding,.groups .statements .padding{background:#258bcb !important;color:#fff !important}.sounds .eat .padding,.sounds .eat-1 .padding,.sounds .eat-2 .padding,.groups .eat .padding,.groups .eat-1 .padding,.groups .eat-2 .padding{background:#df187a !important;color:#fff !important}.sounds .activity .padding,.sounds .activity-1 .padding,.sounds .activity-2 .padding,.sounds .feeling .padding,.sounds .location .padding,.sounds .people .padding,.groups .activity .padding,.groups .activity-1 .padding,.groups .activity-2 .padding,.groups .feeling .padding,.groups .location .padding,.groups .people .padding{background:#8b3 !important;color:#fff !important}.sounds .a-yes .padding,.groups .a-yes .padding{background:#8b3 !important;color:#fff !important}.sounds .a-no .padding,.groups .a-no .padding{background:#c11 !important;color:#fff !important}.sounds .sound,.sounds .button,.groups .sound,.groups .button{position:relative;cursor:pointer;opacity:1;transition:all .25s ease-out;height:auto;height:auto;height:100%;padding:0;transform:scale(1);position:relative;color:#fff;background:none;display:block;border:none;font-family:inherit;font-size:1em;font-weight:inherit}.sounds .sound.hidden,.sounds .button.hidden,.groups .sound.hidden,.groups .button.hidden{display:none}.sounds .sound::before,.sounds .button::before,.groups .sound::before,.groups .button::before{width:100%;height:100%;position:absolute;bottom:0;left:0;content:"";background:rgba(0,0,0,.2);transition:all .25s ease-out;z-index:0;bottom:0;transform:scale(0.95);opacity:0;filter:blur(0)}.sounds .sound .padding,.sounds .button .padding,.groups .sound .padding,.groups .button .padding{clip-path:polygon(1em 0, 100% 0, 100% 100%, 0 100%, 0 1em);position:relative;transition:all .5s ease-out;border-bottom:1px solid rgba(0,0,0,.05);height:100%;padding:0 1em;width:auto;background:#ccc}.sounds .sound .padding::before,.sounds .button .padding::before,.groups .sound .padding::before,.groups .button .padding::before{width:1em;height:1em;content:"";position:absolute;top:0;left:0;background:inherit;clip-path:polygon(100% 0, 100% 100%, 0 100%);transition:all .5s ease-out}.sounds .sound .padding::after,.sounds .button .padding::after,.groups .sound .padding::after,.groups .button .padding::after{width:1em;height:1em;content:"";position:absolute;top:0;left:0;background:inherit;box-shadow:0 0 .5em rgba(0,0,0,.3);transition:all .5s ease-out}.sounds .sound .icon,.sounds .button .icon,.groups .sound .icon,.groups .button .icon{position:relative;height:2.5em;width:2.5em;top:0;left:0;flex-shrink:0}.sounds .sound .icon svg,.sounds .button .icon svg,.groups .sound .icon svg,.groups .button .icon svg{height:100%;width:100%}.sounds .sound .icon svg *,.sounds .button .icon svg *,.groups .sound .icon svg *,.groups .button .icon svg *{fill:currentColor !important}.sounds .sound .title,.sounds .button .title,.groups .sound .title,.groups .button .title{line-height:1.2em;padding:.5em .5em .5em 0;font-size:1.25em;line-height:1.2em}.sounds .sound .padding,.sounds .button .padding,.groups .sound .padding,.groups .button .padding{display:flex;gap:1em;align-items:center;min-height:4em}.sounds .sound .svg-pie,.sounds .button .svg-pie,.groups .sound .svg-pie,.groups .button .svg-pie{opacity:0;transition:all .5s ease;height:3em;width:3em;font-size:1em;left:15px;top:50%;z-index:3;transform:translate(0, -50%)}.sounds .sound audio,.sounds .button audio,.groups .sound audio,.groups .button audio{position:absolute;left:-5000px;top:-5000px;width:100%}body:not(.touch) .sounds .sound:hover,.sounds .sound.active,body:not(.touch) .sounds .button:hover,.sounds .button.active,body:not(.touch) .groups .sound:hover,.groups .sound.active,body:not(.touch) .groups .button:hover,.groups .button.active{transform:scale(1.025)}body:not(.touch) .sounds .sound:hover::before,.sounds .sound.active::before,body:not(.touch) .sounds .button:hover::before,.sounds .button.active::before,body:not(.touch) .groups .sound:hover::before,.groups .sound.active::before,body:not(.touch) .groups .button:hover::before,.groups .button.active::before{bottom:-5px;transform:scale(0.95);opacity:1;filter:blur(3px)}body:not(.touch) .sounds .sound:hover .padding,.sounds .sound.active .padding,body:not(.touch) .sounds .button:hover .padding,.sounds .button.active .padding,body:not(.touch) .groups .sound:hover .padding,.groups .sound.active .padding,body:not(.touch) .groups .button:hover .padding,.groups .button.active .padding{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0)}body:not(.touch) .sounds .sound:hover .padding::before,.sounds .sound.active .padding::before,body:not(.touch) .sounds .button:hover .padding::before,.sounds .button.active .padding::before,body:not(.touch) .groups .sound:hover .padding::before,.groups .sound.active .padding::before,body:not(.touch) .groups .button:hover .padding::before,.groups .button.active .padding::before{width:0 !important;height:0 !important}body:not(.touch) .sounds .sound:hover .padding::after,.sounds .sound.active .padding::after,body:not(.touch) .sounds .button:hover .padding::after,.sounds .button.active .padding::after,body:not(.touch) .groups .sound:hover .padding::after,.groups .sound.active .padding::after,body:not(.touch) .groups .button:hover .padding::after,.groups .button.active .padding::after{width:0 !important;height:0 !important}.sounds .sound:active,.sounds .sound:focus,.sounds .button:active,.sounds .button:focus,.groups .sound:active,.groups .sound:focus,.groups .button:active,.groups .button:focus{transform:scale(1)}.sounds .sound.active .svg-pie,.sounds .button.active .svg-pie,.groups .sound.active .svg-pie,.groups .button.active .svg-pie{opacity:1}.download{margin:0 0 6em;display:flex;justify-content:center;gap:2em}.button{padding:1em;display:inline-flex;background:var(--bg_sound);color:var(--sound) !important;align-items:center;border-radius:2em;gap:.5em;font-family:"Nunito",sans-serif;font-weight:700;font-style:normal;font-size:1.25em;line-height:1.2em;text-decoration:none;line-height:1em}@media(max-width: 767px){.button{font-size:19px;line-height:1.2em}}@media(max-width: 767px)and (min-width: 576px)and (max-width: 767px){.button{font-size:18px}}@media(max-width: 767px)and (max-width: 575px){.button{font-size:17px}}.track{position:relative;cursor:pointer;border-radius:1em;transition:all .2s ease;margin:0 0 2em;background:var(--bg_track) !important}.track audio{width:100%;border-radius:.5em;margin:0;display:block}.track .padding{padding:15px}.svg-pie{position:absolute;left:0;top:0;display:block;overflow:hidden;font-size:4em;width:80%;height:80%;top:10%;left:10%}.svg-pie svg{border-radius:50%;transform:rotate(-90deg);transition:all .5s linear;opacity:.4}.svg-pie svg circle{fill:none;r:16px;cx:16px;cy:16px}.svg-pie svg circle.bg{fill:rgba(0,0,0,0)}.svg-pie svg circle.part{stroke:var(--sound);stroke-width:32px;stroke-width:5px}.circle{width:5em;height:5em;display:block;overflow:hidden;transition:all .3s linear;border-radius:100%;overflow:hidden}.sound .progress{width:0;height:5px;background:#000;position:absolute;bottom:0;left:0;overflow:hidden;transition:all .25s ease-out;transition:all .5s linear}.sound .icon{height:60%;width:60%;position:absolute;left:20%;top:20%;display:block;overflow:hidden}.sound .icon svg{height:100% !important;width:100% !important}.sound .icon svg *{fill:#fff !important;stroke:rgba(0,0,0,0)}footer{background:#222;color:#fff;text-align:center;padding:2em;margin:2em 0 0;font-size:.9em;line-height:1.2em;color:#666}footer a{color:inherit !important}.groups .button ._padding .icon{font-size:2.5em;height:1em;width:1.5em;padding-top:.4em;padding-bottom:.4em}.groups .button ._padding .icon svg{height:100% !important;width:100% !important}.groups .button ._padding .icon svg *{stroke:rgba(0,0,0,0)}/*# sourceMappingURL=take-note.css.map */