.fragrance-finder-page{display:flex;-webkit-box-align:stretch;align-items:stretch;width:100%;min-height:calc(-80px + 100vh);max-width:120rem;margin-left:auto;margin-right:auto;background-color:#282828;z-index:1;flex-direction:column}.fragrance-finder-page .finder-section{width:100%;padding:2rem 1rem}.finder-section .head_box h1{font-weight:600;line-height:1.425;font-family:novecento-sans-wide;text-transform:uppercase;letter-spacing:.15em;color:#eee;font-feature-settings:"tnum";font-size:1.125rem;margin:0;padding:0 0 12px}.finder-section .head_box p{color:#adadad;font-size:1rem;line-height:2;letter-spacing:0;margin:0}.finder-section .sub_head{display:flex;justify-content:space-between;padding-top:2rem;padding-bottom:2rem;align-items:center}.finder-section .sub_head .sub_title{color:#eee;font-size:1.125rem;line-height:1.5;font-family:Old Standard TT,serif;font-style:italic;letter-spacing:0}.finder-section .sub_head .sub_title p{margin:0;color:#eee;line-height:1.5;font-family:Old Standard TT,serif;font-style:italic;letter-spacing:0}.finder-section .sub_head .page_number{font-weight:600;line-height:1.425;font-family:novecento-sans-wide;text-transform:uppercase;letter-spacing:.15em;font-feature-settings:"tnum";color:#a69287;font-size:.875rem;white-space:nowrap}.finder-section .option_list{display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}.finder-section .option_list .option_button{background:none;padding:0;-webkit-appearance:none;appearance:none;border:2px solid #282828;background-color:transparent;cursor:pointer;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;transition:box-shadow .15s}.finder-section .option_list .option_button.selected,.finder-section .option_list .option_button:hover{box-shadow:#00000040 0 20px 30px;border-color:#a69287}.finder-section .option_list .option_button:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#222;opacity:.4}.finder-section .option_list .option_button:focus,.finder-section .option_list .option_button:focus-visible{outline:0;border-color:#af8760}.finder-section .option_list .option_button .img_label{display:flex;align-items:center;justify-content:center}.finder-section .option_list .option_button img{width:100%;height:auto}.finder-section .option_list .option_button .text_label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Old Standard TT,serif;font-style:italic;letter-spacing:0;color:#eee;font-size:1.25rem;line-height:1.5;z-index:2}.fragrance-finder-page .finder-sidebar{width:100%;background-color:#1d1d1d;padding:2rem 1rem;position:fixed;bottom:0;transform:translateY(calc(100% - 80px));transition:transform .15s;z-index:2}.finder-sidebar .head_box h2{font-weight:600;line-height:1.425;font-family:novecento-sans-wide;text-transform:uppercase;font-feature-settings:"tnum";color:#a69287;letter-spacing:.25rem;margin:0;padding:0;font-size:1rem;position:relative}.finder-sidebar .head_box h2 .close_button{right:0;display:none}.finder-sidebar .text p{font-size:1.5rem;font-family:Old Standard TT,serif;color:#eee;font-style:italic;letter-spacing:0;line-height:2;margin:1.5rem 0 0}.finder-sidebar .text p a{display:inline;background-image:linear-gradient(transparent calc(100% - 2px),#af8760 2px);background-repeat:no-repeat;background-position:0px 100%;transition:background-size .25s,color .25s;padding-bottom:3px;font-family:inherit;font-weight:inherit;font-size:inherit;text-transform:inherit;letter-spacing:inherit;color:#af8760;background-size:100% 10px;text-decoration:none;line-height:1.425;cursor:pointer}.finder-sidebar .text p a:hover{animation:.25s ease-in-out 0s 1 normal both running eRBYTO;color:#af8760}.finder-sidebar .text p span.text{text-transform:lowercase}.finder-sidebar .action_button{padding-top:1.5rem;margin-top:1.5rem;display:flex;width:100%;flex-wrap:wrap;gap:15px}.finder-sidebar .action_button .button_custom{padding:1rem;width:100%}@media (min-width: 23.25rem){.finder-section .option_list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 40em){.finder-section .head_box h1,.finder-section .sub_head .sub_title{font-size:1.5rem}.finder-section .option_list .option_button .text_label{font-size:2rem}}@media (min-width: 52em){.fragrance-finder-page .finder-section{padding:2rem}.finder-section .head_box h1{font-size:28px}.finder-section .sub_head .sub_title{font-size:2rem}.finder-section .option_list{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.fragrance-finder-page .finder-sidebar{padding:2rem}}@media (min-width: 64em){.fragrance-finder-page{flex-direction:row}.fragrance-finder-page .finder-section{padding:4rem;width:65%}.finder-section .option_list{grid-template-columns:repeat(2,1fr)}.fragrance-finder-page .finder-sidebar{position:relative;bottom:auto;top:0;transform:translateY(0);width:35%}}@media (min-width: 72rem){.fragrance-finder-page{min-height:calc(-116px + 100vh)}}@media (min-width: 76em){.finder-section .option_list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1199px){.fragrance-finder-page .finder-section{padding:2rem}.finder-section .sub_head .sub_title{font-size:1.5rem}.finder-sidebar .text p{font-size:1.3rem;line-height:1.8;margin:1.2rem 0 0}}@media (max-width: 1023px){.fragrance-finder-page{min-height:inherit}.fragrance-finder-page .finder-sidebar{padding:0}.fragrance-finder-page .finder-sidebar .head_box h2{padding:2rem}.fragrance-finder-page .finder-sidebar.active{transform:inherit;z-index:999}.fragrance-finder-page .finder-sidebar.active .head_box>.text{padding:0 2rem}.fragrance-finder-page .finder-sidebar.active .head_box>.text p.text{margin-top:0}.fragrance-finder-page .finder-sidebar.active .action_button{padding-left:2rem;padding-right:2rem;padding-bottom:2rem}.fragrance-finder-page .finder-sidebar .head_box h2 .close_button{display:flex;right:2rem}.fragrance-finder-page .finder-sidebar .close_button svg{width:17px;height:20px;transition:all .5s ease}.fragrance-finder-page .finder-sidebar.active .head_box h2 .close_button svg{transform:rotate(180deg)}.finder-sidebar .action_button{flex-wrap:nowrap;gap:10px}.finder-sidebar .action_button{padding-top:1rem;margin-top:1rem}}@media (max-width: 640px){.fragrance-finder-page .finder-sidebar .head_box h2{padding-bottom:1rem}.finder-sidebar .text p{font-size:1.2rem;line-height:1.6;margin:1.5rem 0 0}.fragrance-finder-page .finder-sidebar.active .action_button{margin-top:.5rem}.finder-sidebar .action_button .button_custom{padding:1rem .5rem;font-size:.65rem;letter-spacing:.1rem}}@media (max-width: 480px){.finder-section .option_list{gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/fragrance-finder.css.map */