:is(h1,h2,h3){font-family:Knewave,Afacad,sans-serif}.stars{position:relative;display:inline-block;height:18px;line-height:0}.stars .stars-row{display:flex;align-items:center;gap:2px}.stars .star{width:18px;height:18px;flex:0 0 18px}.stars .stars-base .star{color:light-dark(hsl(0,0%,75%),hsl(0,0%,25%));fill:light-dark(hsl(0,0%,75%),hsl(0,0%,25%))}.stars .stars-fill{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;transition:width .3s ease}.stars .stars-fill .star{color:rgb(100%,79%,10%);fill:rgb(100%,79%,10%)}@font-face{font-family:Afacad;src:url(/fonts/afacad.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Afacad;src:url(/fonts/afacad-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Driftwood;src:url(/fonts/driftwood.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/garamond.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Knewave;src:url(/fonts/knewave.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Moirai One;src:url(/fonts/moirai-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}fieldset{display:flex;margin-bottom:2rem;gap:2rem;width:calc(100% - 4rem);border:none;border-radius:1rem;background-color:light-dark(hsl(0,0%,87%),hsl(0,0%,13%));padding:2rem;box-shadow:0 0 10px light-dark(hsl(from hsl(0,0%,75%) h s l/50%),hsl(from hsl(0,0%,0%) h s l/50%))}fieldset .error{margin:.4rem 0 0;color:rgb(72%,18%,18%);font-size:1rem}:is(fieldset,dialog) :is(input,textarea,select,button){background-color:light-dark(hsl(0,0%,75%),hsl(0,0%,25%));border:1px solid light-dark(hsl(0,0%,87%),hsl(0,0%,13%));color:light-dark(hsl(0,0%,7%),hsl(0,0%,93%));padding:.5rem 1rem;border-radius:.5rem;font-size:1.2rem;box-shadow:inset 0 0 10px light-dark(hsl(from hsl(0,0%,75%) h s l/50%),hsl(from hsl(0,0%,0%) h s l/50%));cursor:pointer;transition:all .2s ease-in-out}:is(fieldset,dialog) :is(input,textarea,select,button):hover{box-shadow:inset 0 0 16px light-dark(hsl(from hsl(0,0%,75%) h s l/50%),hsl(from hsl(0,0%,0%) h s l/80%))}:is(fieldset,dialog) :is(input,textarea,select,button):focus{outline:none}:is(fieldset,dialog) textarea{height:6rem}:is(fieldset,dialog) select option{background-color:light-dark(hsl(0,0%,75%),hsl(0,0%,25%));color:light-dark(hsl(0,0%,7%),hsl(0,0%,93%))}:is(fieldset,dialog) select option:hover{background-color:hsl(239,77%,67%)}@supports(appearance:base-select){:is(fieldset,dialog) ::picker(select),:is(fieldset,dialog) select{appearance:base-select}:is(fieldset,dialog) ::picker(select){background-color:light-dark(hsl(0,0%,75%),hsl(0,0%,25%));border:1px solid light-dark(hsl(0,0%,87%),hsl(0,0%,13%));border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.25);max-height:15rem;overflow-y:auto;scrollbar-width:8px;scrollbar-color:hsl(239,77%,67%) rgba(0,0,0,0)}:is(fieldset,dialog) select::picker-icon{width:1.5rem;height:1.5rem;color:rgba(0,0,0,0);background:url(/vector/chevron.svg) 50%/contain no-repeat}:is(fieldset,dialog) select:open::picker-icon{rotate:180deg}:is(fieldset,dialog) option{background-color:light-dark(hsl(0,0%,75%),hsl(0,0%,25%));color:light-dark(hsl(0,0%,7%),hsl(0,0%,93%));padding:.5rem 1rem;font-size:1.2rem}:is(fieldset,dialog) option:focus{background-color:light-dark(hsl(0,0%,87%),hsl(0,0%,13%));outline:none}:is(fieldset,dialog) option:checked{font-weight:700}:is(fieldset,dialog) option::checkmark{color:rgb(100%,79%,10%)}}:is(fieldset,dialog) button{box-shadow:0 0 10px light-dark(hsl(from hsl(0,0%,75%) h s l/50%),hsl(from hsl(0,0%,0%) h s l/50%))}:is(fieldset,dialog) button:hover{box-shadow:0 0 16px light-dark(hsl(from hsl(0,0%,75%) h s l/50%),hsl(from hsl(0,0%,0%) h s l/80%))}:is(fieldset,dialog) button.primary{background-color:rgb(100%,79%,10%);border:1px solid light-dark(hsl(0,0%,87%),hsl(0,0%,13%));font-weight:700;color:hsl(0,0%,13%);width:320px;box-shadow:0 0 20px hsl(from hsl(46,100%,55%) h s l/25%)}:is(fieldset,dialog) button.primary:hover{box-shadow:0 0 30px hsl(from hsl(46,100%,55%) h s l/50%)}:is(fieldset,dialog) button.secondary{background-color:rgba(0,0,0,0);border:1px solid rgb(100%,79%,10%);font-weight:700;color:rgb(100%,79%,10%);width:320px;box-shadow:0 0 20px hsl(from hsl(46,100%,55%) h s l/25%)}:is(fieldset,dialog) button.secondary:hover{box-shadow:0 0 30px hsl(from hsl(46,100%,55%) h s l/50%)}:is(fieldset,dialog) .honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}:is(fieldset,dialog) input[aria-invalid=true],:is(fieldset,dialog) textarea[aria-invalid=true]{border:2px solid rgb(72%,18%,18%)}dialog{border:4px solid hsl(239,77%,67%);border-radius:1rem;padding:0;max-width:40vw;width:calc(100% - 2rem);background-color:light-dark(hsl(0,0%,87%),hsl(0,0%,13%));color:light-dark(hsl(0,0%,25%),hsl(0,0%,75%));box-shadow:0 1rem 3rem hsl(from black h s l/35%);outline:none}dialog::backdrop{background-color:hsl(from black h s l/60%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog>div{flex-direction:column;padding:2.5rem 2rem;text-align:center}dialog>div,dialog>div h2{display:flex;align-items:center}dialog>div h2{gap:2rem;margin:0 0 1rem}dialog>div h2 .icon{width:3rem;height:3rem;line-height:3rem;border-radius:50%;font-size:2rem;font-weight:700;color:light-dark(hsl(0,0%,93%),hsl(0,0%,7%))}dialog>div p{margin:0 0 3rem}dialog.success .icon{background-color:hsl(140,50%,35%)}dialog.error .icon{background-color:rgb(72%,18%,18%)}@media(max-width:800px){fieldset{width:100%;border:2px solid hsl(239,77%,67%);margin:0;box-sizing:border-box}fieldset :is(input,textarea,select,button){width:100%;margin-inline:0;box-sizing:border-box;margin-top:0}fieldset button{width:60%}}.whisky-wrapper{display:grid;grid-template-areas:"title rating" "title svg" "specs svg";grid-template-columns:1fr max-content;padding:0;margin:10px 10px 60px;background-color:light-dark(hsl(0,0%,93%),hsl(0,0%,7%));border:1px solid hsl(239,77%,67%)}.whisky-wrapper:first-of-type{margin-top:64px}.whisky-wrapper .whisky-header{grid-area:title;padding:0 20px}.whisky-wrapper .whisky-header h2{padding:0 4px;margin-top:-40px;background-color:light-dark(hsl(0,0%,93%),hsl(0,0%,7%));width:fit-content;color:hsl(239,77%,67%)}.whisky-wrapper .rating-wrapper{display:flex;justify-content:flex-end;grid-area:rating;align-self:end;padding:20px}.whisky-wrapper .specs{grid-area:specs;padding:0 10px 10px 20px;display:grid;grid-template-columns:160px 1fr;column-gap:16px}.whisky-wrapper .specs .spec-label{font-size:1.2rem;text-align:right;color:hsl(0,0%,67%)}.whisky-wrapper .specs .spec-value{font-size:1.2rem}.whisky-wrapper .specs .spec-value .color-swatch{display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:4px}.whisky-wrapper .whisky-map{grid-area:svg;align-self:end;margin-right:20px;margin-bottom:-10px;width:220px}.whisky-wrapper .whisky-map img{margin-bottom:0}.whisky-wrapper legend{background-color:rgba(0,0,0,0)}fieldset{justify-content:space-between}fieldset button,fieldset select{margin:.5rem 1rem;width:320px;display:flex;justify-content:space-between}fieldset button span,fieldset select span{color:rgb(100%,79%,10%)}fieldset button.primary span,fieldset select.primary span{color:rgb(7%,7%,7%);font-weight:400}fieldset :is(.whisky-filters,.whisky-sorting){display:flex;flex-direction:column;width:40%}@media(max-width:800px){.whisky-wrapper{display:grid;grid-template-areas:"title" "rating" "specs"}.whisky-wrapper h3{font-size:1.2rem}.whisky-wrapper .specs{grid-template-columns:80px 1fr}.whisky-wrapper .specs :is(.spec-label,.spec-value){font-size:1rem}.whisky-wrapper .whisky-map{display:none}fieldset{flex-direction:column}}