.models-grid{display:flex;flex-wrap:wrap;gap:var(--margin-small);justify-content:center;margin-top:var(--margin-medium)}.model-button{background-color:var(--color-surface-100);border:1px solid var(--color-surface-200);border-radius:4px;box-shadow:0 0 3px var(--color-button-border);color:var(--color-white);cursor:pointer;font-size:var(--font-size-small);padding:10px 20px;text-shadow:var(--retro-shadow);text-transform:uppercase;transition:all .3s ease}.model-button:hover{background-color:var(--color-button-background-hover);box-shadow:0 0 5px var(--color-button-border)}.model-button.selected{background-color:var(--color-button-background-selected);border-color:var(--color-primary-200);color:var(--color-white)}.selected-model{align-items:center;background-color:var(--color-surface-50);color:var(--color-surface-900);display:flex;flex-direction:column;margin-top:var(--margin-large);padding:var(--margin-medium)}.summary{display:flex;flex-wrap:wrap;gap:var(--margin-small);justify-content:center;margin-top:var(--margin-medium);max-width:800px;text-align:center}.selected-model a,.summary{font-size:var(--font-size-medium)}.selected-model a{color:var(--color-primary-300);text-decoration:underline}.selected-model a:hover{color:var(--color-primary-400)}.random-button{box-shadow:0 0 3px var(--color-button-border);text-shadow:var(--retro-shadow)}.random-button:hover{box-shadow:0 0 5px var(--color-button-border)}@media (max-width:var(--breakpoint-tablet )){.checkbox-group,.models-grid{gap:var(--margin-small)}.checkbox-button label,.model-button,.random-button{font-size:var(--font-size-small);padding:8px 16px}}.learn-more-button{align-items:center;background-color:var(--color-button-background);border:2px solid var(--color-button-border);border-radius:5px;color:var(--color-button-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-small);margin-block:var(--margin-large);padding:var(--margin-small) var(--margin-medium);text-decoration:none;transition:background-color .3s ease}.learn-more-button:hover{background-color:var(--color-button-background-hover);color:var(--color-white)}.learn-more-button svg{fill:currentColor;height:16px;margin-left:8px;width:16px}*,body,html{margin:0;padding:0}body,html{background-color:var(--gradient-background-2);background:var(--gradient-background-2);background-size:cover;color:var(--color-white);display:flex;flex-direction:column;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.content{flex:1 1;margin:0 auto;max-width:1200px;padding:var(--margin-medium)}@media (max-width:var(--breakpoint-tablet )){.content{padding:var(--margin-small)}}p{font-size:var(--font-size-large)}h2{font-size:var(--font-size-xlarge);font-size:var(--font-size-xxlarge)}h2,h3{background:var(--gradient-text-body);-webkit-background-clip:text;background-clip:text;color:#0000;margin-top:0;text-align:center;text-shadow:var(--subtle-glow);text-transform:uppercase}h3{font-size:var(--font-size-large);font-size:var(--font-size-xlarge)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.header{margin:0 auto;max-width:1200px;width:100%}.header,.header-links{display:flex;flex-direction:row;justify-content:space-around}.header-links{align-items:center;gap:var(--margin-large);text-transform:uppercase}.header-links a{color:#fff;position:relative;text-decoration:none}.header-links a:after{background-color:#fff;bottom:-2px;content:"";height:2px;left:0;opacity:0;position:absolute;transition:opacity .5s ease-in-out;width:100%}.header-links a.active-link:after{opacity:1}.footer{align-items:center;display:flex;flex-direction:column;font-size:var(--font-size-small);justify-content:center;padding:var(--margin-large);text-align:center;& *{padding:var(--margin-medium)}.img{border-radius:50%;filter:opacity(.9);height:75px;width:75px}& a{color:var(--color-white);font-weight:700;text-decoration:none;text-transform:uppercase}}.disclaimer{max-width:600px}.selected-technique{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}@media (max-width:var(--breakpoint-tablet )){.selected-technique{margin:var(--margin-large) auto}}.edit-section{display:flex;justify-content:center;margin-top:var(--margin-medium)}.holding-message{margin:var(--margin-large) auto;text-align:center;text-transform:uppercase}.password-input{background-color:#333;border:1px solid #555;border-radius:5px;color:#fff;font-size:1.2rem;margin:20px;padding:10px}.submit-button{background:var(--color-white);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}:root{--color-black:#121212;--color-white:#f0f0f0;--grey-100:#1a1a1a;--grey-200:#2a2a2a;--grey-300:#3a3a3a;--grey-400:#4a4a4a;--grey-500:#5a5a5a;--grey-600:#6a6a6a;--accent-cyan:#4d415f;--accent-purple:#9858e9;--accent-gold:gold;--accent-blue:#12ddca;--color-surface-100:var(--grey-100);--color-surface-200:var(--grey-200);--color-surface-300:var(--grey-300);--color-surface-400:var(--grey-400);--color-surface-500:var(--grey-500);--color-surface-600:var(--grey-600);--color-primary-100:var(--accent-cyan);--color-primary-200:var(--accent-purple);--color-primary-300:var(--accent-gold);--color-button-background:var(--grey-200);--color-button-border:var(--grey-400);--color-button-background-selected:var(--accent-cyan);--color-button-background-hover:var(--grey-300);--color-button-text:var(--color-white);--gradient-background:linear-gradient(135deg,var(--grey-100) 0%,var(--grey-200) 100%);--gradient-background-2:linear-gradient(135deg,#191719,#191c22);--gradient-text:linear-gradient(-20deg,var(--accent-blue),var(--accent-purple));--gradient-text-body:linear-gradient(45deg,var(--accent-blue),var(--accent-purple));--gradient-bg:linear-gradient(45deg,var(--accent-blue),var(--accent-purple));--margin-small:8px;--margin-medium:16px;--margin-large:34px;--margin-xlarge:62px;--font-size-small:0.8rem;--font-size-medium:1rem;--font-size-large:1.2rem;--font-size-xlarge:1.8rem;--font-size-xxlarge:3rem;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--subtle-glow:0 0 2px currentColor;--subtle-shadow:1px 1px 2px #0003}.drillr-logo{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:var(--font-size-xlarge);text-shadow:var(--subtle-glow)}a{text-decoration:none}.logo-png{width:200px}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--margin-small);justify-content:center;margin-bottom:var(--margin-medium)}.checkbox-button{display:inline-block;position:relative;text-transform:uppercase}.checkbox-button input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-button label{background-color:var(--color-surface-100);border:2px solid var(--color-surface-200);border-radius:5px;cursor:pointer;display:inline-block;font-size:var(--font-size-small);padding:var(--margin-small) var(--margin-medium);text-align:center;transition:all .3s ease}.checkbox-button input[type=checkbox]:checked+label{background-color:var(--color-primary-100);border-color:var(--color-primary-200);color:var(--color-white)}.checkbox-button input[type=checkbox]:disabled+label{background-color:var(--color-surface-400);border-color:var(--color-surface-500);color:var(--color-surface-600);cursor:not-allowed}.checkbox-button input[type=checkbox]:not(:disabled):hover+label{background-color:var(--color-button-background-hover)}.checkbox-button input[type=checkbox]:checked:not(:disabled):hover+label{background-color:var(--color-primary-100)}.techniques-list{display:flex;flex-wrap:wrap;gap:var(--margin-small);justify-content:center;margin-top:var(--margin-medium)}.technique-button{background-color:var(--color-surface-100);border:1px solid var(--color-surface-200);border-radius:4px;color:var(--color-white);cursor:pointer;font-size:var(--font-size-small);padding:5px 10px;text-transform:uppercase;transition:all .3s ease}.technique-button:hover{background-color:var(--color-button-background-hover)}.technique-button.selected{background-color:var(--color-button-background-selected);border-color:var(--color-primary-200);color:var(--color-white)}.technique-button .technique-type{color:var(--color-surface-500);font-size:var(--font-size-small)}.technique-button.selected .technique-type{color:var(--color-white)}.random-button{background-color:var(--color-button-background);border:2px solid var(--color-button-border);border-radius:5px;color:var(--color-button-text);cursor:pointer;display:inline-block;font-size:var(--font-size-large);margin-bottom:var(--margin-large);padding:var(--margin-small) var(--margin-medium);text-transform:uppercase;transition:all .3s ease}.random-button:hover{background-color:var(--color-button-background-hover);color:var(--color-white)}@media (max-width:var(--breakpoint-tablet )){.checkbox-group,.techniques-list{gap:var(--margin-small)}.checkbox-button label,.random-button,.technique-button{font-size:var(--font-size-small);padding:8px 16px}}.random-button,.technique-button{box-shadow:0 0 3px var(--color-button-border);text-shadow:var(--retro-shadow)}.random-button:hover,.technique-button:hover{box-shadow:0 0 5px var(--color-button-border)}.video-container{border-radius:20px;box-shadow:0 0 70px #000;height:0;margin:var(--margin-xlarge);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:600px){.video-container{border-radius:0;margin:var(--margin-xlarge);width:100vw}}.technique-name{background:var(--gradient-text-body);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:var(--font-size-xxlarge);text-align:center;text-shadow:var(--subtle-glow);text-transform:uppercase}.edit-button{background-color:var(--color-button-background);border:2px solid var(--color-button-border);border-radius:5px;color:var(--color-button-text);cursor:pointer;display:inline-block;font-size:var(--font-size-small);padding:var(--margin-small) var(--margin-medium);text-transform:uppercase;transition:all .3s ease}.step,li{list-style:circle;margin:var(--margin-small) 0}.breadcrumb,.step,li{font-size:var(--font-size-medium)}.breadcrumb{color:var(--color-primary-300);text-transform:uppercase}.description{font-size:var(--font-size-large);margin:var(--margin-medium) 0;text-align:center}.glossary{align-items:center;display:flex;flex-direction:column;gap:var(--margin-medium)}.glossary-list,.glossary-list li{list-style:none;margin:0;margin-bottom:var(--margin-xlarge);padding:0;text-align:center}h3{margin-bottom:var(--margin-large)}h4{font-size:var(--font-size-large);margin:var(--margin-medium) 0;text-transform:uppercase}.glossary-term{font-size:var(--font-size-medium);margin:var(--margin-small) 0}.glossary-definition{text-transform:uppercase}.glossary-definition,.glossary-notes{font-size:var(--font-size-small);margin:var(--margin-small) 0}.glossary-notes{color:var(--color-surface-700)}.search-input{background-color:#141414;border:2px solid var(--color-surface-200);border-radius:5px;color:#fff;font-size:var(--font-size-medium);margin-bottom:2.5rem;max-width:500px;padding:1.2rem;width:50vw}@media (max-width:600px){.drillr-logo{font-size:3rem}.button,body{padding:var(--margin-small)}.button{font-size:var(--font-size-small)}.header{align-items:center;flex-direction:column}.header-links{display:flex;font-size:var(--font-size-small);margin-bottom:var(--margin-medium);margin-top:var(--margin-medium)}}@media (min-width:601px) and (max-width:1024px){.drillr-logo{font-size:4rem}body{padding:var(--margin-medium)}.button{font-size:var(--font-size-medium);padding:var(--margin-small) var(--margin-medium)}.header{align-items:center;flex-direction:column}.header-links{display:flex;font-size:var(--font-size-small);margin-bottom:var(--margin-medium);margin-top:var(--margin-large)}}@media (min-width:1025px){.drillr-logo{font-size:5rem}body{padding:var(--margin-large)}.button{font-size:var(--font-size-large);padding:var(--margin-medium) var(--margin-large)}.header-links{display:flex}}
/*# sourceMappingURL=main.f9f25b27.css.map*/