@layer reset{*,:before,:after{box-sizing:border-box;margin:unset}body{margin:unset;min-block-size:100vh}button,input,textarea,select{font:inherit}img,picture,svg,canvas{max-inline-size:100%;height:auto;display:block}img{aspect-ratio:4/5}ul{padding:unset;list-style:none}h1,h2,h3,h4,h5,h6{font-size:unset;font-weight:unset}button{background-color:unset;border:unset;cursor:pointer;color:inherit}input,textarea{outline:unset;border:unset;background-color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer theme{:root{--sm-mobile-bp:320px;--mobile-bp:425px;--tablet-bp:768px;--laptop-bp:1024px;--desktop-bp:1440px;--background:#f8f7f7;--font:#353434;--primary:#1f1c1c;--alternate:#fcf9f9;--secondary:#7474fa;--accent:#c0ebff;--neutral:#cec8c8;--success:#387538;--danger:#da4848;--transition-duration:.2s;--spread-radius:5px;--shadow-color:#0000001a;--form-width:100%}@media screen and (min-width:425px){:root{--spread-radius:10px}}@media screen and (min-width:768px){:root{--spread-radius:15px;--form-width:600px}}@media screen and (min-width:1024px){:root{--spread-radius:25px}}.title-xxl{letter-spacing:-.03em;text-transform:uppercase;max-width:30ch;text-shadow:var(--primary);font-size:3rem;font-weight:200;line-height:4rem}.title-xl{letter-spacing:-.03em;text-transform:uppercase;font-size:2rem;font-weight:100;line-height:2rem}.title-l{letter-spacing:-.03em;text-transform:uppercase;font-size:1.7rem;font-weight:400;line-height:2rem}.title-m{letter-spacing:-.03em;text-transform:uppercase;font-size:1.25rem;font-weight:500;line-height:1.5rem}.title-s{letter-spacing:-.01em;text-transform:uppercase;font-size:.875rem;font-weight:600;line-height:1rem}.title-xs{letter-spacing:-.05em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1rem}@media screen and (min-width:1024px){.title-m{font-size:1.5rem;line-height:2rem}.title-s{letter-spacing:-.03em;font-size:1rem;line-height:1.5rem}}.text-xl-medium{letter-spacing:-.04em;font-size:1.5rem;font-weight:500;line-height:2rem}.text-xl-light{letter-spacing:-.03em;font-size:1.5rem;font-weight:100;line-height:2rem}.text-medium{letter-spacing:-.04em;font-size:1rem;font-weight:500;line-height:1.5rem}.text-light{letter-spacing:.01em;font-size:1rem;font-weight:100;line-height:1.5rem}.text-s-medium{letter-spacing:-.02em;font-size:.825rem;font-weight:500;line-height:1.2rem}.text-s-light{letter-spacing:.01em;font-size:.825rem;font-weight:100;line-height:1.2rem}}@layer global{:root{font-family:Montserrat,Meriweather,sans-serif;font-size:clamp(.9rem,.8rem + 2svw,1.3rem)}body{background-color:var(--background);color:var(--font)}h1,h2,h3,h4,h5,h6{text-align:center;min-width:100%}a{color:inherit;cursor:pointer;text-decoration:none}}@layer layout{.l-container{max-width:var(--desktop-bp);margin-block:1rem;margin-inline:auto;padding-inline:.5rem}@media screen and (min-width:768px){.l-container{padding-inline:1rem}}.l-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-flow:row;gap:1rem .5rem;padding-block:1rem;display:grid}@media screen and (min-width:425px){.l-card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media screen and (min-width:1024px){.l-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (min-width:1440px){.l-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.l-flex{justify-content:center;align-items:center;gap:.5rem;display:flex}.l-flex--column{flex-direction:column}.l-dashboard-container{flex-direction:column;gap:1rem;display:flex}.l-sidebar{box-shadow:0 4px 6px var(--neutral);padding:1rem}.l-dashboard{box-shadow:0 4px 6px var(--neutral);flex:3;padding:1rem}@media screen and (min-width:1024px){.l-dashboard-container{flex-direction:row}}.l-footer{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}@media screen and (min-width:1024px){.l-footer{flex-direction:row;align-items:center}}}@layer modules{.color-palette{min-block-size:150px;min-inline-size:100%;margin-block:45px;padding-block:15px}.btn{transition-duration:var(--transition-duration);border:2px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:.5rem 1.5rem;transition-property:background-color;display:flex}.btn:hover{border:2px solid var(--primary)}.btn--primary{border:2px solid var(--primary);background-color:var(--primary);color:var(--alternate)}.btn--primary:hover{background-color:var(--alternate);color:var(--primary)}.btn--small{padding:.5rem}.btn--secondary{border:2px solid var(--primary)}.btn--secondary:hover{background-color:color-mix(in srgb,var(--accent)45%,var(--alternate)45%);color:var(--primary)}.btn[disabled]{pointer-events:none}.btn[disabled]:hover{background-color:var(--neutral)}.link{color:var(--secondary);transition-duration:var(--transition-duration);text-decoration:underline}.link:hover{color:var(--primary)}.nav__header{justify-content:space-between;align-items:center;display:flex}.form{max-inline-size:var(--form-width);box-shadow:0 4px 6px var(--neutral);margin:1rem auto;padding:1rem}.form .link{color:var(--font)}.form__row{flex-direction:column;margin-block:1rem;display:flex}.form__row--inline{flex-direction:row}.form__row input[type=checkbox]{margin-inline-end:1rem}.form__row__checkbox{flex-direction:row;display:flex}.form input,textarea{border-bottom:2px solid var(--font);transition-property:border-bottom;transition-duration:var(--transition-duration)}.form input:focus{border-bottom:2px solid var(--primary)}.form button{border-radius:2px;min-inline-size:100%}.card{border:2px solid var(--accent);border-radius:5px;max-inline-size:100%;transition-property:border;transition-duration:.3s}.card:hover{border:2px solid var(--primary)}.card__image{background-color:var(--accent);max-width:100%}.card__details{justify-content:space-between;align-items:center;padding:1rem .5rem;display:flex}.card__details>p{flex:2}.card__details__btn{border:1px solid var(--primary);transition-duration:var(--transition-duration);cursor:pointer;border-radius:5px;transition-property:background-color}.card__details__btn:hover{background-color:var(--alternate);color:var(--primary)}.card .card__details__btn{border:1px solid #0000}.card:hover .card__details__btn{border:1px solid var(--primary);background-color:var(--primary);color:var(--alternate)}.book-info{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;padding:1rem;display:flex}.book-info__image{background-color:var(--accent);border-radius:5px;flex:1;min-width:100px}.book-info__details{flex-direction:column;flex:2;justify-content:space-between;max-inline-size:60ch;display:flex}.book-info__details__price{justify-items:space-between;flex-direction:column;align-items:flex-start;inline-size:100%;padding-block:1rem;display:flex}.book-info__details__price *{flex:1}.book-info__details__btn{background-color:var(--primary);color:var(--alternate);border:2px solid var(--primary);transition-duration:var(--transition-duration);transition-property:background-color}.book-info__details__btn:hover{color:var(--primary);background-color:#0000}@media screen and (min-width:768px){.book-info__details__price{flex-direction:row;align-items:center}}@media screen and (min-width:1024px){.book-info{flex-direction:row}.book-info__image{max-inline-size:500px}}.checkout{max-inline-size:var(--form-width);flex-direction:column;gap:.5rem;block-size:fit-content;margin-block-start:1rem;margin-inline:auto;display:flex}@media screen and (min-width:1024px){.checkout{flex-direction:row;align-items:flex-start;max-inline-size:100%;margin-block-start:2rem}}.checkout--success{min-block-size:500px;max-inline-size:60ch;box-shadow:2px 6px 10px 1px var(--neutral);-webkit-box-shadow:2px 6px 10px 1px var(--neutral);-moz-box-shadow:2px 6px 10px 1px var(--neutral);border:2px solid #0000;border-radius:15px;margin-block:1rem;margin-inline:auto;padding:1rem}@media screen and (min-width:1024px){.checkout--success{padding:1.5rem}}.checkout__ctas{flex-direction:column}@media screen and (min-width:768px){.checkout__ctas{flex-direction:row}}.checkout__card{flex-direction:column;flex:1;align-items:center;max-inline-size:100%;margin-inline:auto;display:flex}.checkout__card__image{inline-size:300px;max-inline-size:500px;padding:1rem}.checkout__form{flex:1}.checkout__form,.auth_form label{text-transform:uppercase}.not-found{flex-direction:column;gap:.5rem;block-size:80vh}.not-found__details{text-align:center;flex-direction:column;align-items:center;max-inline-size:20ch;display:flex}.not-found__btn{margin-block:.5rem}.sidebar{border-radius:5px;padding:.5rem}.sidebar__header{justify-content:space-between;align-items:center;gap:1rem;inline-size:100%;display:flex}.sidebar__main{visibility:hidden;min-height:100%;transition-property:visibility;transition-duration:var(--transition-duration);display:none}.sidebar__main--show{visibility:visible;display:block}.sidebar__main:hover .sidebar__content{visibility:visible;min-inline-size:calc(200px + .5rem);max-inline-size:calc(350px + .5rem);overflow-x:wrap;margin-inline-start:.5rem;display:block}@media screen and (min-width:1024px){.sidebar__main{visibility:visible;display:block}}.sidebar__section{margin-block:1rem}.sidebar__content{visibility:hidden;display:none}@media screen and (max-width:1023px){.sidebar__header .sidebar__content{visibility:visible;display:flex}}.sidebar__content--show{visibility:visible;min-inline-size:calc(200px + .5rem);max-inline-size:calc(350px + .5rem);overflow-x:wrap;margin-inline-start:.5rem;display:flex}.sidebar__row{transition-property:background-color,padding-inline-start,transform;transition-duration:var(--transition-duration);justify-content:flex-start;align-items:center;padding-block:.25rem;display:flex}.sidebar__row:hover{background-color:color-mix(in srgb,var(--accent)75%,var(--alternate)25%);box-shadow:1px 1px 2px 1px var(--accent);border-radius:5px;padding-inline-start:.5rem;transform:translate(.5rem)}.sidebar__row--spaced{justify-content:space-between}.sidebar__icon{block-size:1.5rem;inline-size:1.5rem}@media screen and (min-width:1024px){.sidebar__row .sidebar__content--show{padding-inline-start:.5rem}.sidebar{padding:1rem}}.dashboard__header{flex-direction:row;align-items:center;display:flex}.dashboard{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}@media screen and (min-width:1440px){.dashboard{flex-direction:row}}.list-container{border-radius:5px;flex:1;inline-size:100%;padding:.5rem}.list__item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:5px 1rem;display:flex}@media screen and (min-width:768px){.list__item{flex-direction:row;align-items:center}}.list__item:nth-child(odd){background-color:color-mix(in srgb,var(--accent)50%,var(--alternate)50%)}.list__item:hover{background-color:color-mix(in srgb,var(--neutral)40%,var(--alternate)60%)}.list__item__image{block-size:30px;inline-size:30px}.list__item__name{flex:2}.list__item__price{text-align:center;flex:1}.list__item__cta{flex:1;min-inline-size:50px;max-inline-size:100px}.list__view_more{inline-size:fit-content;margin-block-start:1rem}.list__filters{flex-direction:column;inline-size:100%;display:flex}@media screen and (min-width:768px){.list__filters{flex-direction:row;align-items:center}}.searchbox{border:2px solid var(--primary);border-radius:5px;flex:1;justify-content:center;gap:1rem;display:flex}.searchbox:focus{border:2px solid var(--accent)}.searchbox input{background:url(/search.svg) 0/1rem no-repeat;border-radius:5px;flex:1;padding:.25rem;padding-inline-start:1.2rem}.searchbox input:focus{background-color:color-mix(in srgb,var(--accent)30%,var(--alternate)70%)}.datepicker{flex-direction:column;flex:1;justify-content:flex-start;gap:10px;padding:5px;display:flex}@media screen and (min-width:1024px){.datepicker{flex-direction:row;align-items:center}}.datepicker__input{align-items:center;display:flex}.datepicker input{border:2px solid var(--primary);border-radius:5px;margin-inline-start:.5rem;padding:5px}.dropdown{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:10px;padding-inline:5px;display:flex}.dropdown__item{background:inherit;border:2px solid var(--primary);border-radius:5px;padding:5px}.book-form{margin-block:unset;box-shadow:unset;padding-block-start:unset}.book-form .form__row{inline-size:100%}.book-form__image{max-inline-size:150px;margin-inline:auto}.book-form .form__row--inline{flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:1rem}@media screen and (min-width:768px){.book-form .form__row--inline{flex-direction:row;align-items:flex-start}}.book-form input[type=file]{border:unset}.order{flex-direction:column;gap:1rem;display:flex}@media screen and (min-width:768px){.order{flex-direction:row}}.order__book{flex:1}.order__book__image{max-inline-size:500px;margin-inline:auto}.order__details{background-color:color-mix(in srgb,var(--neutral)25%,var(--alternate)75%);flex:1}.order__details__item{flex-direction:column;justify-content:space-between;align-items:flex-start;padding-block:.25rem;display:flex}.order__details__item>*{flex:1}@media screen and (min-width:768px){.order__details{padding:1rem}.order__details__item{flex-direction:row;align-items:center}}}@layer utilities{.primary{background-color:var(--primary)}.secondary{background-color:var(--secondary)}.accent{background-color:var(--accent)}.neutral{background-color:var(--neutral)}.success{background-color:var(--success)}.success--color{color:var(--success)}.danger{background-color:var(--danger)}.error{color:var(--danger)}.text-center{text-align:center}.text-upper{text-transform:uppercase}.text-width{max-inline-size:40ch;margin-inline:auto}.gap-sm{gap:.5rem}.no-margin{margin:unset}.margin-sm{margin:.5rem}.margin-y{margin-block:1rem}.justify-start{justify-content:flex-start}.flex-1{flex:1}}