import{r as m,s as d,x as p}from"./ycaG4YXp.min.js";import{e as c}from"./0XPwTFcg.min.js";import{n as f}from"./IYoTYjYE.min.js";import{i as u}from"./IFunn9hk.min.js";import{o as y}from"./5Ss99t85.min.js";const h=":host{width:100%}details{width:100%}summary{list-style:none;display:flex;gap:12px;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary:hover{cursor:pointer}.icon{transition:all .3s ease-in-out;transform:rotate(0);transform-origin:center;display:flex;justify-content:center;align-items:center}details[open] .icon{transform:rotate(180deg)}.details--hsw .summary{padding:24px 0;border-bottom:1px solid var(--details-border-color, #dadce0);color:#202124;font-family:Google Sans Text,Roboto,Noto,sans-serif;font-size:16px;line-height:24px;font-weight:400;letter-spacing:.1px;color:#3c4043;font-weight:500}.details--hsw .content{padding:0}";var v=Object.defineProperty,w=Object.getOwnPropertyDescriptor,n=(l,e,o,r)=>{for(var t=r>1?void 0:r?w(e,o):e,a=l.length-1,i;a>=0;a--)(i=l[a])&&(t=(r?i(e,o,t):i(t))||t);return r&&t&&v(e,o,t),t};let s=class extends d{constructor(){super(...arguments),this.variant="unstyled"}render(){return p` <details
      id="details"
      class=${y({details:!0,"details--hsw":this.variant==="hsw"})}
    >
      <summary part="summary" class="summary">
        <slot name="summary"></slot>
        <div class="icon">
          <slot name="icon">test</slot>
        </div>
      </summary>
      <div part="content" class="content">
        <slot></slot>
      </div>
    </details>`}};s.styles=m(h);n([f()],s.prototype,"variant",2);n([u("details")],s.prototype,"details",2);s=n([c("hsw-details")],s);

<!--
Mirrored from: https://www.google.com/search/howsearchworks/assets/u_mMVaZ5.min.js
Mirrored at: 2025-12-18 17:49:50 UTC
Mirror URL: https://google.hw233.vip/search/howsearchworks/assets/u_mMVaZ5.min.js
-->