.accords-notes{background:#d1d3ca;position:relative;border-radius:30px;padding-left:16px;padding-right:16px}@media only screen and (min-width: 750px){.accords-notes{background:url(./accords-notes-bg.png) no-repeat top left #d1d3ca;padding-left:20px;padding-right:20px}}@media only screen and (min-width: 990px){.accords-notes{padding-left:60px;padding-right:60px}}.accords-notes-title{color:#000;line-height:110%;padding:0;margin:0 0 20px}@media only screen and (min-width: 750px){.accords-notes-title{position:absolute;max-width:25rem;margin:0}}.accords-notes__list{display:flex;column-gap:20px;row-gap:10px;flex-direction:column;justify-content:flex-end}@media only screen and (min-width: 750px){.accords-notes__list{max-width:74%;flex-direction:row;margin-left:auto}}.accords-notes__item{background:#fff;padding:20px 10px;border-radius:20px;text-align:center}@media only screen and (min-width: 750px){.accords-notes__item{padding:30px}}.accords-notes__item img{max-width:100%}.accords-notes__heading{padding:0;margin:0 0 20px;color:#000}@media only screen and (min-width: 750px){.accords-notes__heading{margin:0 0 30px}.accords-notes__accords img{max-width:320px}.accords-notes__accords{max-width:45%;width:100%}.accords-notes__notes{max-width:55%;width:100%}}.notes-listing{overflow:overlay;flex-wrap:wrap;align-content:space-around;column-gap:2px;row-gap:1rem;display:flex;justify-content:center}.notes-listing img{background:#fff!important}.notes-group{margin-bottom:3rem}.notes-group:last-of-type{margin-bottom:0}.notes-group .h6{margin-bottom:.6rem}.notes-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px}.notes-thumbnail{width:48px;height:48px;object-fit:contain;border-radius:8px;margin-bottom:5px}.notes-name{font-size:10px;letter-spacing:.2px;word-break:break-all;text-align:center;line-height:120%}.fragrance-notes-accords-container{display:flex;flex-direction:row;align-items:stretch;gap:36px;width:100%;max-width:1240px;margin:0 auto 54px;justify-content:center;padding-left:18px;padding-right:18px;padding-bottom:44px}.accords-half,.notes-half{flex:1 1 0%;max-width:600px;min-width:320px;box-sizing:border-box;background:#fffffff5;border-radius:24px;box-shadow:0 8px 36px #2228321a;padding:28px 24px 32px;display:flex;flex-direction:column;align-self:stretch}.accords-half:hover,.notes-half:hover{box-shadow:0 16px 48px #20262d24}.fragrance-accords-bar__heading{text-align:center;font-size:22px;font-weight:600;color:#1a1a1a;letter-spacing:.015em;margin-bottom:18px;text-shadow:0 2px 16px rgba(170,170,180,.11)}.fragrance-accords-bar .accord-bar{border-radius:10px;font-weight:400!important;font-size:14px!important;line-height:140%;padding:5px 16px!important;border-radius:16px!important;margin:0;min-width:50px;max-width:100%;box-shadow:0 2px 8px #505a7812;border:none;transition:width .28s cubic-bezier(.32,.68,.33,1.1),box-shadow .25s;text-align:left;white-space:nowrap;overflow:hidden;letter-spacing:.01em;position:relative;opacity:1;background:linear-gradient(85deg,#ffffff0f,#0000000a);filter:saturate(1.11);text-transform:capitalize}.fragrance-accords-bar .accords-stack{display:flex;flex-direction:column}.notes-pyramid{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:8px}.notes-pyramid-row{display:flex;justify-content:center;gap:16px;margin-bottom:2px}.note-pyramid-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:112px;padding:2px 4px 0;transition:transform .15s}.note-pyramid-cell:hover{transform:scale(1.04) translateY(-2px);z-index:1}.note-pyramid-img{width:78px;height:78px;object-fit:contain;background:linear-gradient(120deg,#fafaff 80%,#f8f7ff);border-radius:18px;margin-bottom:7px;box-shadow:0 3px 12px #32384614;border:none;transition:box-shadow .18s}.note-pyramid-cell:hover .note-pyramid-img{box-shadow:0 10px 36px #2228322e}.note-pyramid-label{font-size:12.5px;color:#212226;font-weight:500;margin-top:0;text-align:center;letter-spacing:.01em;word-break:break-word;opacity:.97}@media (max-width: 990px){.accords-half,.notes-half{width:100%;min-width:0;max-width:100%;padding:16px 5vw 24px;align-self:auto}.fragrance-notes-accords-container{flex-direction:column;align-items:stretch;gap:18px;max-width:100vw;padding-left:0;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/accords-notes.css.map */