.spec-term{--spec-term-icon-color: #ed5812;font-weight:500}.spec-term>.spec-term__trigger{margin-inline-start:.25em}.spec-term__trigger{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;padding:0;border:0;border-radius:var(--border-full, 9999px);background:none;color:var(--spec-term-icon-color);vertical-align:-.15em;cursor:pointer;transition:var(--transition-default, .3s ease all)}.spec-term__trigger:hover{opacity:.7}.spec-term__trigger:focus-visible{outline:2px solid currentColor;outline-offset:2px}.spec-term__icon{width:100%;height:100%}.spec-term__panel{position:fixed;inset:auto;z-index:100;display:none;gap:0;width:max-content;max-width:min(430px,calc(100vw - 24px));margin:0;padding:0;overflow:visible;border:1px solid var(--color-gray-300, #dadadd);border-radius:var(--border-8, 8px);background:var(--color-white, #fff);box-shadow:0 12px 32px #0000001f;color:var(--color-foreground, #141414);text-align:start;white-space:normal}.spec-term__panel[data-open]{display:flex}.spec-term__image{flex:0 0 40%;width:40%;max-width:170px;height:auto;object-fit:cover;border-radius:var(--border-8, 8px) 0 0 var(--border-8, 8px)}.spec-term__body{flex:1 1 auto;padding:16px 32px 16px 16px}.spec-term__title{margin:0 0 4px;font-size:var(--text-14-size, 14px);font-weight:var(--weight-semibold, 600);line-height:var(--lh-140, 1.4)}.spec-term__description{margin:0;font-size:var(--text-14-size, 14px);font-weight:500;line-height:1.5}.spec-term__close{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:none;color:var(--color-gray-500, #6e6e6e);cursor:pointer}.spec-term__close:hover{color:var(--color-foreground, #141414)}.spec-term__panel:after{position:absolute;left:var(--spec-term-caret-x, 50%);width:12px;height:12px;border:1px solid var(--color-gray-300, #dadadd);background:var(--color-white, #fff);content:"";transform:translate(-50%) rotate(45deg)}.spec-term__panel[data-placement=top]:after{inset-block-end:-7px;border-width:0 1px 1px 0}.spec-term__panel[data-placement=bottom]:after{inset-block-start:-7px;border-width:1px 0 0 1px}@media screen and (max-width:749px){.spec-term__image{display:none}}@media(prefers-reduced-motion:reduce){.spec-term__trigger{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-spec-term.css.map */