section[data-v-1bd1f783]{width:266px}@media only screen and (min-width:100em){section[data-v-1bd1f783]{width:400px}}@media only screen and (max-width:64em){section[data-v-1bd1f783]{width:100%}}.guide-list[data-v-1bd1f783]{display:flex;flex-direction:column}@media only screen and (max-width:64em){.guide-list[data-v-1bd1f783]{flex-direction:row;width:auto}}.guide-list li[data-v-1bd1f783]{background-color:var(--color-gray);cursor:pointer;max-height:0;overflow:hidden;position:relative;transition:max-width .2s,max-height .2s,opacity .2s,border .2s}@media only screen and (max-width:64em){.guide-list li[data-v-1bd1f783]{height:112px;max-height:112px;max-width:0;width:0}}.guide-list li.is--visible[data-v-1bd1f783]{margin-bottom:var(--gap);max-height:150px}@media only screen and (min-width:100em){.guide-list li.is--visible[data-v-1bd1f783]{max-height:220px}}@media only screen and (max-width:64em){.guide-list li.is--visible[data-v-1bd1f783]{flex-shrink:0;margin-bottom:0;margin-right:12px;max-width:200px;width:200px}}.guide-list li.is--active[data-v-1bd1f783]{animation:next .3s 0s;filter:grayscale(0)}@media only screen and (max-width:48em){.guide-list li.is--active[data-v-1bd1f783]{border-bottom-color:var(--color-purple);border-bottom-style:solid;border-bottom-width:4px;border-left-color:var(--color-purple);border-left-style:solid;border-left-width:4px;border-right-color:var(--color-purple);border-right-style:solid;border-right-width:4px;border-top-color:var(--color-purple);border-top-style:solid;border-top-width:4px}}.guide-list li.is--empty[data-v-1bd1f783]{align-items:center;background:var(--color-gray);color:var(--color-white);display:flex;font-size:.8rem;height:44px;justify-content:center;left:50%;max-height:44px;overflow:visible;text-transform:uppercase;transform:translate(-50%);width:80%}.guide-list li.is--empty[data-v-1bd1f783]:before{clip-path:polygon(0 100%,100% 0,100% 100%);right:100%}.guide-list li.is--empty[data-v-1bd1f783]:after,.guide-list li.is--empty[data-v-1bd1f783]:before{background-color:var(--color-gray);content:"";height:100%;position:absolute;top:0;width:5px}.guide-list li.is--empty[data-v-1bd1f783]:after{clip-path:polygon(0 0,100% 0,0 100%);left:100%}@media only screen and (max-width:64em){.guide-list li.is--empty[data-v-1bd1f783]{max-width:calc(100vw - 24px);width:calc(100vw - 24px)}}.guide-list li.is--loading[data-v-1bd1f783]{align-items:center;background:var(--color-black);display:flex;height:88px;justify-content:center;max-height:88px}@media only screen and (max-width:64em){.guide-list li.is--loading[data-v-1bd1f783]{max-width:calc(100vw - 24px);width:calc(100vw - 24px)}}.guide-list li[data-v-1bd1f783]:has(a:focus-visible){border:2px solid var(--color-purple);outline:none}:is(.guide-list li:focus-within:has,.guide-list li:hover)>li[data-v-1bd1f783]:not(.is--active){opacity:1}@media only screen and (min-width:64em){.guide-list:has(.is--active)>li[data-v-1bd1f783]:not(.is--active){opacity:.2}}:is(.guide-list:has(a:focus-visible),.guide-list:hover)>li[data-v-1bd1f783]:not(.is--active){opacity:1}.guide-filter-wrapper[data-v-1bd1f783]{background-color:var(--color-black);display:flex;flex-direction:column;gap:var(--gap);left:0;padding-bottom:var(--gap);position:sticky;top:0;z-index:99}.guide-filter[data-v-1bd1f783]{background-color:var(--color-black);display:flex;justify-content:space-between;position:relative;z-index:1}@media only screen and (max-width:64em){.guide-filter[data-v-1bd1f783]{gap:var(--gap)}}.guide-filter li[data-v-1bd1f783]{position:relative}@media only screen and (max-width:64em){.guide-filter li[data-v-1bd1f783]{flex:1}}.guide-filter button[data-v-1bd1f783]{align-items:center;background-color:var(--color-white);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:var(--color-black);cursor:pointer;display:flex;font-family:var(--font-primary);height:36px;justify-content:center;min-width:36px;padding:10px 8px;text-transform:uppercase;z-index:1}@media only screen and (max-width:64em){.guide-filter button[data-v-1bd1f783]{width:100%}}.guide-filter button.is--inactive[data-v-1bd1f783]{cursor:default;opacity:.4;pointer-events:none;text-decoration:none}:is(.guide-filter button:focus-visible:not(.is--inactive),.guide-filter button:hover)[data-v-1bd1f783]{outline:none}@media only screen and (min-width:64em){:is(.guide-filter button:focus-visible:not(.is--inactive),.guide-filter button:hover)[data-v-1bd1f783]{background-color:var(--color-primary)}}:is(.guide-filter button:focus-visible:not(.is--inactive),.guide-filter button:hover) svg[data-v-1bd1f783]{height:18px;width:18px}.guide-filter button.is--active:not(.is--inactive)[data-v-1bd1f783]{background-color:var(--color-primary)}.guide-filter button.is--active:not(.is--inactive) svg[data-v-1bd1f783]{height:18px;width:18px}:is(.guide-filter button.is--active:focus-visible,.guide-filter button.is--active:hover) svg[data-v-1bd1f783]{height:16px;width:16px}.guide-filter button+.tooltip[data-v-1bd1f783]{background-color:var(--color-primary);border:2px solid var(--color-purple);color:var(--color-black);font-size:.8rem;left:50%;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;text-align:center;top:100%;transform:translate(-50%,4px);transition:transform .2s;z-index:99}.guide-filter button+.tooltip[data-v-1bd1f783]:before{border-bottom:5px solid var(--color-primary);border-left:5px solid transparent;border-right:5px solid transparent;bottom:100%;content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.guide-filter button:focus-visible+.tooltip[data-v-1bd1f783],.guide-filter button:hover+.tooltip[data-v-1bd1f783]{opacity:1;transform:translate(-50%,8px)}.guide-filter[data-v-1bd1f783]:first-child{z-index:2}.guide-filter+.guide-filter[data-v-1bd1f783]{background-color:var(--color-purple);padding:10px;transition:max-height .2s;width:100%}@media only screen and (max-width:64em){.guide-filter+.guide-filter[data-v-1bd1f783]{padding:10px}}.guide-filter+.guide-filter button[data-v-1bd1f783]{transition:opacity .2s,transform .1s,outline .2s}.guide-filter+.guide-filter button.is--active[data-v-1bd1f783]{outline:4px solid var(--color-darkpurple);transform:scale(.88)}.guide-filter+.guide-filter:hover[data-v-1bd1f783]{max-height:100px}.guide-filter+.guide-filter:hover button[data-v-1bd1f783]{opacity:1}.fade-enter-active[data-v-1bd1f783]{transition:opacity .4s ease .3s}.fade-enter-from[data-v-1bd1f783]{opacity:0}.fade-enter-to[data-v-1bd1f783]{opacity:1}