.vfn{display:block;color:var(--vfn-text);background:var(--vfn-background);padding-block:var(--vfn-padding-top) var(--vfn-padding-bottom);font:inherit}.vfn,.vfn *{box-sizing:border-box}.vfn--bordered{border-block:1px solid var(--vfn-border)}.vfn__container{display:block}.vfn__header{margin-block-end:32px}.vfn .vfn__heading,.vfn .vfn__label{font-family:var(--font-head-family, inherit);font-weight:var(--font-header-weight, inherit)}.vfn .vfn__heading{color:var(--vfn-heading);margin:0}.vfn__heading--uppercase,.vfn__label--uppercase{text-transform:uppercase}.vfn__families{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin-block-start:16px;line-height:inherit;color:var(--vfn-text)}.vfn__family-label{text-transform:uppercase}.vfn__family-values{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-inline-start:20px;border-inline-start:1px solid var(--vfn-label-background)}.vfn__family-value+.vfn__family-value:before{content:"/";margin-inline-end:12px;opacity:.55}.vfn .vfn__list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:var(--vfn-gap);list-style:none;margin:0;padding:0}.vfn .vfn__item{display:flex;flex-direction:column;flex:0 1 calc((100% - (var(--vfn-columns) - 1) * var(--vfn-gap)) / var(--vfn-columns));min-inline-size:0;max-inline-size:320px;list-style:none;margin:0;padding:0}.vfn .vfn__item:before{content:none}.vfn .vfn__item::marker{content:""}.vfn__label-wrap{display:flex;align-items:center;flex:0 0 auto;inline-size:100%}.vfn__item--has-image .vfn__label-wrap,.vfn__list:not(:has(.vfn__image)) .vfn__label-wrap{flex-grow:1}.vfn .vfn__label{display:flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:100%;min-block-size:2.8em;padding:10px 16px;border-radius:var(--vfn-label-radius);background:var(--vfn-label-background);color:var(--vfn-label-text);margin:0;text-align:center;overflow-wrap:anywhere;gap:.25em}.vfn .vfn__label-text{min-inline-size:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}.vfn .vfn__info{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 24px;inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px;padding:0;margin:0;border:0;border-radius:50%;-webkit-appearance:none;appearance:none;background:transparent;color:var(--vfn-label-text);box-shadow:none;font:inherit;line-height:1;text-transform:none;cursor:help}.vfn .vfn__info:before,.vfn .vfn__info:after{content:none}.vfn .vfn__info:hover,.vfn .vfn__info[aria-expanded=true]{background:color-mix(in srgb,currentColor 12%,transparent);color:var(--vfn-label-text)}.vfn .vfn__info:focus-visible{outline:2px solid currentColor;outline-offset:2px}.vfn__info svg{display:block;flex:none;pointer-events:none}.vfn .vfn__tooltip{position:fixed;inset:auto;inline-size:max-content;max-inline-size:calc(100vw - 24px);padding:0;margin:0;border:1px solid var(--vfn-tooltip-border, #D9DDE2);border-radius:8px;background:var(--vfn-tooltip-background, #FFFFFF);color:var(--vfn-tooltip-text, #0F1F33);box-shadow:0 4px 18px #0f1f331f;font-family:var(--font-body-family, inherit);font-size:inherit;font-weight:var(--font-body-weight, inherit);line-height:inherit;letter-spacing:inherit;text-align:start;text-transform:none;overflow:visible}.vfn__tooltip::backdrop{background:transparent}.vfn__tooltip:before{content:"";position:absolute;inset-inline:0;block-size:12px}.vfn__tooltip:after{content:"";position:absolute;left:var(--vfn-tooltip-arrow, 50%);inline-size:8px;block-size:8px;background:inherit;transform:translate(-50%) rotate(45deg)}.vfn__tooltip[data-placement=above]:before{top:100%}.vfn__tooltip[data-placement=above]:after{top:calc(100% - 3px);border-right:1px solid var(--vfn-tooltip-border, #D9DDE2);border-bottom:1px solid var(--vfn-tooltip-border, #D9DDE2)}.vfn__tooltip[data-placement=below]:before{bottom:100%}.vfn__tooltip[data-placement=below]:after{bottom:calc(100% - 3px);border-left:1px solid var(--vfn-tooltip-border, #D9DDE2);border-top:1px solid var(--vfn-tooltip-border, #D9DDE2)}.vfn__tooltip-content{max-block-size:var(--vfn-tooltip-max-height, calc(100dvh - 24px) );padding:14px 16px;overflow:auto;overflow-wrap:anywhere}.vfn .vfn__tooltip-title{display:block;margin-block-end:6px;font-family:inherit;font-weight:var(--font-body-weight-bold, 600);color:var(--vfn-tooltip-heading, var(--vfn-tooltip-text, #0F1F33))}.vfn .vfn__tooltip-text{margin:0;padding:0;color:var(--vfn-tooltip-text, #0F1F33);font:inherit;line-height:inherit;letter-spacing:inherit}.vfn__media{inline-size:100%;aspect-ratio:1;margin-block-start:var(--vfn-image-gap);flex:0 0 auto}.vfn .vfn__image{display:block;inline-size:100%;block-size:100%;max-inline-size:100%;margin:0;object-fit:var(--vfn-image-fit);object-position:center}.vfn__editor-hint{padding:12px;border:1px dashed var(--vfn-border);margin:var(--vfn-image-gap) 0 0;font:inherit;line-height:inherit}.vfn__sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:750px)and (max-width:989px){.vfn .vfn__item{flex-basis:calc((100% - (var(--vfn-tablet-columns) - 1) * var(--vfn-gap)) / var(--vfn-tablet-columns))}}@media(max-width:749px){.vfn{padding-block:var(--vfn-mobile-top) var(--vfn-mobile-bottom)}.vfn__header{margin-block-end:24px}.vfn__families{column-gap:12px;margin-block-start:12px}.vfn__family-values{padding-inline-start:12px}.vfn .vfn__list{justify-content:center}.vfn .vfn__item{flex-basis:calc((100% - (var(--vfn-mobile-columns) - 1) * var(--vfn-gap)) / var(--vfn-mobile-columns))}.vfn .vfn__label{padding-inline:10px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/virmodo-fragrance-notes.css.map */